Add icons to this collection by clicking the heart icon.
Design icon - also known as computer, art, screen, monitor, graphic design, editor, design, website design, art and design, and edit tools. Created in a clean filled style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath812">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path810" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath828">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path826" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath842">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path840" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath854">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path852" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath898">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path896" />
</clipPath>
</defs>
<mask id="custom">
<rect id="bg" x="0" y="0" width="100%" height="100%" fill="white" />
<g transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
transform="matrix(1,0,0,1,319.3887,95.7446)"
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path820"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 15,489.076 H 497 V 184.603 H 15 Z"
id="path834"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 15,184.603 H 497 V 125.745 H 15 Z"
id="path846"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,517,184.6025)"
d="M 0,0 H -522"
id="path860"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,517,95.6025)"
d="M 0,0 H -522"
id="path864"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,405.1709,252.5)"
d="m 0,0 h -268.076 l -59.709,29.443 59.709,29.444 H 0 c 16.261,0 29.443,-13.182 29.443,-29.444 C 29.443,13.182 16.261,0 0,0 Z"
id="path868"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,372.4238,311.3867)"
d="M 0,0 V -58.887"
id="path872"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m 77.386,371.902 h 357.229 v 79.841 H 77.386 Z"
id="path874"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,363.3145,395.9404)"
d="M 0,0 V -16.208"
id="path878"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,292.0146,395.9404)"
d="M 0,0 V -16.208"
id="path882"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,220.7158,395.9404)"
d="M 0,0 V -16.208"
id="path886"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,149.416,395.9404)"
d="M 0,0 V -16.208"
id="path890"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,334.9531,-5)"
d="M 0,0 V -111.027 H 101.027"
id="path902"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</mask>
<g mask="url(#custom)">
<g id="g804" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g806">
<g id="g808" clip-path="url(#clipPath812)">
<g id="g814" transform="translate(133.2891,22.9243)">
<path
d="M 0,0 H 245.422"
id="path816"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g818" transform="translate(319.3887,95.7446)">
<path
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path820"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g822">
<g id="g824" clip-path="url(#clipPath828)">
<g id="g830" transform="translate(319.3887,95.7446)">
<path
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path832"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<path
d="M 15,489.076 H 497 V 184.603 H 15 Z"
id="path834"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g836">
<g id="g838" clip-path="url(#clipPath842)">
<path
d="M 15,489.076 H 497 V 184.603 H 15 Z"
id="path844"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
<path
d="M 15,184.603 H 497 V 125.745 H 15 Z"
id="path846"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g848">
<g id="g850" clip-path="url(#clipPath854)">
<path
d="M 15,184.603 H 497 V 125.745 H 15 Z"
id="path856"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g858" transform="translate(517,184.6025)">
<path
d="M 0,0 H -522"
id="path860"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g862" transform="translate(517,95.6025)">
<path
d="M 0,0 H -522"
id="path864"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g866" transform="translate(405.1709,252.5)">
<path
d="m 0,0 h -268.076 l -59.709,29.443 59.709,29.444 H 0 c 16.261,0 29.443,-13.182 29.443,-29.444 C 29.443,13.182 16.261,0 0,0 Z"
id="path868"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g870" transform="translate(372.4238,311.3867)">
<path
d="M 0,0 V -58.887"
id="path872"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m 77.386,371.902 h 357.229 v 79.841 H 77.386 Z"
id="path874"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g876" transform="translate(363.3145,395.9404)">
<path
d="M 0,0 V -16.208"
id="path878"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g880" transform="translate(292.0146,395.9404)">
<path
d="M 0,0 V -16.208"
id="path882"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g884" transform="translate(220.7158,395.9404)">
<path
d="M 0,0 V -16.208"
id="path886"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g888" transform="translate(149.416,395.9404)">
<path
d="M 0,0 V -16.208"
id="path890"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g892">
<g id="g894" clip-path="url(#clipPath898)">
<g id="g900" transform="translate(334.9531,-5)">
<path
d="M 0,0 V -111.027 H 101.027"
id="path902"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category