Add icons to this collection by clicking the heart icon.
Design icon - also known as computer, interface, art, screen, monitor, graphics editor, graphic design, editor, design, graphic tool, and edit tools. Created in a clean lineal color style with a white, silver, blue, navy, and pink finish, 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.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path
d="M451.798-63.963c-160.556 97.869-410.51 8.611-439.593-61.948-38.908-94.394 26.578-110.528 38.742-187.874C60.708-375.846-.234-435.28 34.553-490.067c37.883-59.663 163.466-44.681 211.197-16.448 87.376 51.683 43.31 112.012 84.685 187.299 39.407 71.707 116.244 42.625 160.961 99.99 42.5 54.521 14.31 122.403-39.598 155.263"
/>
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path
d="M0 329.054v-.831c.046-45.205 7.569-90.036 16.074-119.104C34.801 145.116 88.781 14.556 179.995 26.275c91.487 11.754 55.759 129.726 139.509 145.894 19.125 3.692 35.055-11.703 51.115-27.098 14.899-14.28 29.91-28.561 47.691-27.606 47.588 2.557 71.81 49.663 85.108 89.264 28.198 83.967-14.029 226.353-112.858 251.011-41.633 10.387-65.519-8.793-87.525-27.973-23.582-20.553-45.007-41.107-83.797-25.275-42.149 17.204-37.938 68.578-89.272 78.943-10.18 2.056-19.623 3.029-28.373 3.029C22.698 486.465.078 407.345 0 329.054"
/>
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="l" clipPathUnits="userSpaceOnUse">
<path d="M48.64 407.232h414.711v-363H48.641Z" />
</clipPath>
<clipPath id="m" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="n" clipPathUnits="userSpaceOnUse">
<path
d="M-80.202 468.037c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282C-459.564-17.73-333.981-2.749-286.25 25.485c87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 -276)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset="1" stop-opacity="1" stop-color="#ffdbed" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(507.8403 -507.8403) rotate(-50 -.104 -.225)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".337" stop-opacity="0" stop-color="#fff" />
<stop offset=".685" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(507.8403 -507.8403) rotate(-50 -.104 -.225)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".337" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".685" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 -532 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 -532 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset="1" stop-opacity="1" stop-color="#ffdbed" />
</linearGradient>
<mask
id="f"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="i"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
<mask
id="o"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#c)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#e)">
<g mask="url(#f)">
<path
d="M451.798-63.963c-160.556 97.869-410.51 8.611-439.593-61.948-38.908-94.394 26.578-110.528 38.742-187.874C60.708-375.846-.234-435.28 34.553-490.067c37.883-59.663 163.466-44.681 211.197-16.448 87.376 51.683 43.31 112.012 84.685 187.299 39.407 71.707 116.244 42.625 160.961 99.99 42.5 54.521 14.31 122.403-39.598 155.263"
fill="url(#g)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#i)">
<path
d="M0 329.054v-.831c.046-45.205 7.569-90.036 16.074-119.104C34.801 145.116 88.781 14.556 179.995 26.275c91.487 11.754 55.759 129.726 139.509 145.894 19.125 3.692 35.055-11.703 51.115-27.098 14.899-14.28 29.91-28.561 47.691-27.606 47.588 2.557 71.81 49.663 85.108 89.264 28.198 83.967-14.029 226.353-112.858 251.011-41.633 10.387-65.519-8.793-87.525-27.973-23.582-20.553-45.007-41.107-83.797-25.275-42.149 17.204-37.938 68.578-89.272 78.943-10.18 2.056-19.623 3.029-28.373 3.029C22.698 486.465.078 407.345 0 329.054"
fill="url(#j)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#k)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#l)" opacity=".2">
<path
d="M0 0h-388.858c-7.139 0-12.926-5.787-12.926-12.926V-283.29c0-7.139 5.787-12.926 12.926-12.926h152.282l-4.928-23.946c-1.993-9.681-8.692-17.377-17.412-20.929-4.321-1.76-7.254-5.826-7.254-10.492v-.201c0-6.194 5.022-11.216 11.216-11.216h121.05c6.194 0 11.216 5.022 11.216 11.216v.201c0 4.666-2.933 8.732-7.254 10.492-8.72 3.552-15.419 11.248-17.412 20.929l-4.928 23.946H0c7.139 0 12.926 5.787 12.926 12.926v270.364C12.926-5.787 7.139 0 0 0"
transform="translate(450.425 407.231)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h121.049c6.195 0 11.216 5.022 11.216 11.216v.201c0 4.666-2.932 8.732-7.254 10.492-8.719 3.552-15.419 11.248-17.412 20.929l-6.61 32.121H20.06l-6.61-32.121c-1.993-9.681-8.693-17.377-17.412-20.929-4.321-1.76-7.254-5.826-7.254-10.492v-.201C-11.216 5.022-6.194 0 0 0"
transform="translate(195.471 64.231)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-91.72l5.4 26.18h80.921z"
transform="translate(301.856 113.012)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.784-23.245c-1.992-9.681-8.692-17.377-17.411-20.929-4.322-1.76-7.255-5.826-7.255-10.493v-.2c0-6.194 5.022-11.216 11.217-11.216h121.049c6.194 0 11.216 5.022 11.216 11.216v.2c0 4.667-2.933 8.733-7.254 10.493-8.72 3.552-15.419 11.248-17.412 20.929L84.881-1.451"
transform="translate(213.705 130.315)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-388.858c-7.139 0-12.926 5.787-12.926 12.926V283.29c0 7.139 5.787 12.926 12.926 12.926H0c7.139 0 12.926-5.787 12.926-12.926V12.926C12.926 5.787 7.139 0 0 0"
transform="translate(450.425 131.016)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M463.358 183.802h-257.36v204.93h257.36z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-145.87h-135.87l67.94 72.93z"
transform="translate(463.36 329.67)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-135.87l67.94 72.93z"
transform="translate(463.36 183.8)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-14.14l-73.61-73.62a5.016 5.016 0 0 0-7.08 0 5.014 5.014 0 0 0 0 7.08z"
transform="translate(463.358 294.132)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-31.429c-7.139 0-12.926-5.787-12.926-12.926V-283.29c0-7.139 5.787-12.926 12.926-12.926H0z"
transform="translate(92.996 427.231)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v25.574C0 32.713-5.787 38.5-12.926 38.5h-388.858c-7.139 0-12.926-5.787-12.926-12.926V0Z"
transform="translate(463.35 388.731)"
fill="#2d58e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.862C0-47 5.787-52.788 12.926-52.788h388.858c7.139 0 12.926 5.788 12.926 12.926V0Z"
transform="translate(48.64 183.803)"
fill="#d2deff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v196.503c0 7.139-5.787 12.926-12.926 12.926h-388.858c-7.139 0-12.926-5.787-12.926-12.926V-73.861c0-7.139 5.787-12.926 12.926-12.926h388.858C-5.787-86.787 0-81 0-73.861V-34l-380.709.001"
transform="translate(463.35 217.802)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h128.973"
transform="translate(191.51 86.14)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-53.285a5 5 0 0 0-5 5v36.574a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(174.977 313.731)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.285v12.074a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(179.977 343.231)"
fill="#4369fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-53.285a5 5 0 0 0-5 5v81.573a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(174.977 222.158)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.285v12.073a5 5 0 0 0 5 5H-5a5 5 0 0 0 5-5z"
transform="translate(179.977 296.658)"
fill="#4369fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.924 11 11 11C4.924-11 0-6.075 0 0Z"
transform="translate(137.716 96.14)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(377.075 78.945)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(148.663 467.769)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(422.282 93.945)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.233-15.699c.804-2.411 3.864-3.134 5.661-1.336L21.36-6.569c1.797 1.797 1.075 4.857-1.336 5.66l-15.7 5.234C1.652 5.215-.891 2.673 0 0"
transform="translate(168.886 228.924)"
fill="#2d58e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.992-43.845 95.974-104.102 95.974 104.102L127.965 0Z"
transform="translate(262.326 360.24)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 95.974-104.102L191.948 0Z"
transform="translate(230.334 316.395)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-104.102L95.974 0Z"
transform="translate(326.309 316.395)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.992-43.845h63.983Z"
transform="translate(262.326 360.24)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.991-43.845h63.982Z"
transform="translate(326.309 360.24)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.991 104.102h63.982Z"
transform="translate(326.309 212.293)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-31.991-43.845h63.982Z"
transform="translate(390.291 360.24)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v.115a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(240.063 224.769)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v.115a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(254.663 224.769)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.519a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(306.922 241.737)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10-10"
transform="translate(292.031 462.769)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#m)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#n)">
<g mask="url(#o)">
<path
d="M-80.202 468.037c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282C-459.564-17.73-333.981-2.749-286.25 25.485c87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
fill="url(#p)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category