Add icons to this collection by clicking the heart icon.
Canvas icon - also known as painting, canvas, frame, landscape, gallery, and art and design. Created in a clean flat style with a white, silver, gray, yellow, teal, orange, 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-71.997-180h92.3L92.315 0Z"
transform="matrix(1.33333 0 0 -1.33333 207.798 442.667)"
fill="#ffd13a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M211 435h90v77h-90z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffd13a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-71.997-180h92.3L92.315 0Z"
transform="matrix(1.33333 0 0 -1.33333 207.798 442.667)"
fill="#ffd13a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 72.012-180h92.299L92.315 0Z"
transform="matrix(1.33333 0 0 -1.33333 351.782 442.667)"
fill="#ff6c83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-71.996 180Z"
transform="matrix(1.33333 0 0 -1.33333 570.864 682.667)"
fill="#ff6c83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M322.006 60H189.994v30h132.012z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffd13a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M451 60h-68.994v30H451Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff6c83"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 435h45v77h-45z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffae3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 72.012-180h92.299L92.315 0Z"
transform="matrix(1.33333 0 0 -1.33333 351.782 442.667)"
fill="#ffae3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M481 150H31v90h450z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#faecd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-149.722v240h450v-90z"
transform="matrix(1.33333 0 0 -1.33333 240.962 402.667)"
fill="#766e6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 225 112.396v90H0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 352.527)"
fill="#5c5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 150h225v90H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f4d7af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M451 60h-68.994v30H451Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffae3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h68.994L81.826 0Z"
transform="matrix(1.33333 0 0 -1.33333 81.333 562.667)"
fill="#ffd13a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 60h66.006v30H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffae3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-14.399 9.6-31.8 15.3-50.399 15.3-49.501 0-90-40.499-90-90 0-19.499 6.3-38.098 17.999-53.999l4.501-6.001H-61.8L39.601-84v9.3C39.601-43.799 23.7-16.199 0 0"
transform="translate(261.4 344.7)"
fill="#ffda2d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-9.3l-45-22.5V77.4c1.8-.9 3.6-1.799 5.399-2.7C-15.9 58.5 0 30.901 0 0"
transform="translate(301 270)"
fill="#fdbf00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-348.545l174.653 87.334L-141.211 120h26.939l30 60H0Z"
transform="translate(481 210)"
fill="#61d7a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h225v180h-84.272l-30-60H83.789L51.108 87.334 0 61.778Z"
transform="translate(256 210)"
fill="#00ab94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category