Design Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: design

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!

Design Icon

More from Carbon Icons