Design Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Design icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/319885.svg" alt="Design icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319885.svg" alt="Design icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319885.svg" alt="Design icon" :width="24" :height="24" />
CSS background
.icon-design {
background-image: url('https://proicons.com/icon/319885.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="design_00000137108717755040800690000015757591497346877345_" d="M31,31.36h-2c-0.199,0-0.36-0.161-0.36-0.36v-0.64H3.36 V31c0,0.199-0.161,0.36-0.36,0.36H1c-0.199,0-0.36-0.161-0.36-0.36v-2c0-0.199,0.161-0.36,0.36-0.36h0.64V3.36H1 C0.801,3.36,0.64,3.199,0.64,3V1c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v0.64h25.28V1 c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v2c0,0.199-0.161,0.36-0.36,0.36h-0.64v25.28H31 c0.199,0,0.36,0.161,0.36,0.36v2C31.36,31.199,31.199,31.36,31,31.36z M29.36,30.64h1.279v-1.28H29.36V30.64z M1.36,30.64h1.28 v-1.28H1.36V30.64z M3.36,29.64h25.28V29c0-0.199,0.161-0.36,0.36-0.36h0.64V3.36H29c-0.199,0-0.36-0.161-0.36-0.36V2.36H3.36V3 c0,0.199-0.161,0.36-0.36,0.36H2.36v25.28H3c0.199,0,0.36,0.161,0.36,0.36C3.36,29,3.36,29.64,3.36,29.64z M29.36,2.64h1.279V1.36 H29.36V2.64z M1.36,2.64h1.28V1.36H1.36V2.64z M19,27.36h-6c-0.199,0-0.36-0.161-0.36-0.36v-1.941l-2.981-8.945 c-0.03-0.09-0.023-0.189,0.02-0.275l5.998-11.996c0.046-0.095,0.133-0.167,0.241-0.193c0.161-0.039,0.33,0.04,0.404,0.189l6,12 c0.042,0.085,0.05,0.185,0.02,0.275l-2.981,8.945V27C19.36,27.199,19.199,27.36,19,27.36z M13.36,26.64h5.28v-1.28h-5.28 C13.36,25.36,13.36,26.64,13.36,26.64z M13.259,24.64h5.481l2.871-8.612L16.36,5.525v9.158c0.579,0.159,1.005,0.689,1.005,1.317 c0,0.752-0.613,1.365-1.365,1.365S14.635,16.752,14.635,16c0-0.628,0.426-1.158,1.005-1.317V5.525l-5.251,10.503L13.259,24.64z M16,15.355c-0.355,0-0.645,0.29-0.645,0.645c0,0.355,0.29,0.645,0.645,0.645c0.355,0,0.645-0.29,0.645-0.645 S16.355,15.355,16,15.355z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!