Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, painting, painter, paint, canvas, tool, artistic, and art and design. Created in a clean flat style with a white, silver, black, teal, and orange 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-141.385-114.615-256-256-256S-512-141.385-512 0s114.615 256 256 256S0 141.385 0 0"
transform="translate(512 256)"
fill="#ffc640"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-448.455v319.542c0 9.459 7.669 17.128 17.129 17.128h414.198C-7.669 336.67 0 329.001 0 319.542Z"
transform="translate(480.227 149)"
fill="#21d8de"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.773c-9.459 0-17.128-7.669-17.128-17.128V-336.67h51.773v319.542C-17.128-7.669-9.46 0 0 0"
transform="translate(100.674 485.67)"
fill="#16c6cc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h261.476v64.101l-85.294 85.293c-7.397 7.398-19.391 7.398-26.788 0z"
transform="translate(218.752 149)"
fill="#242d3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-214.504 214.504c-7.398 7.398-19.391 7.398-26.789 0l-120.59-120.59V-23.899H0z"
transform="translate(393.656 172.899)"
fill="#3e4959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-117.813h51.773V51.773Z"
transform="translate(31.773 266.813)"
fill="#242d3c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a259.165 259.165 0 0 1 25-1.217c8.436 0 16.773.42 25 1.217v144.998H0Z"
transform="translate(231 1.217)"
fill="#f2f2f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-43.585-24.503L16.28-130.988a255.963 255.963 0 0 1 42.73 26.023z"
transform="translate(350.671 156.216)"
fill="#d9d8d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a255.963 255.963 0 0 1 42.73-26.023l59.865 106.485-43.585 24.503Z"
transform="translate(102.319 51.251)"
fill="#d9d8d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h437.432a254.833 254.833 0 0 1 23.483 50H-23.483A254.775 254.775 0 0 1 0 0"
transform="translate(37.284 122.899)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-93.259c-3.33 0-6.031 2.7-6.031 6.031v40.598a6.031 6.031 0 0 0 6.031 6.031H0a6.03 6.03 0 0 0 6.031-6.031V6.031A6.03 6.03 0 0 0 0 0"
transform="translate(302.63 459.34)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v40.598a6.03 6.03 0 0 0 6.031 6.031h-50A6.03 6.03 0 0 1-50 40.598V0a6.03 6.03 0 0 1 6.031-6.031h50A6.03 6.03 0 0 0 0 0"
transform="translate(253.34 465.37)"
fill="#f2f2f2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.619-16.715-37.333-37.333-37.333-20.619 0-37.334 16.714-37.334 37.333s16.715 37.333 37.334 37.333C-16.715 37.333 0 20.619 0 0"
transform="translate(371.333 384.053)"
fill="#f15424"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category