Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, painting, painter, paint, canvas, tools, tool, easel, artistic, and art and design. Created in a clean lineal color style with a white, black, olive, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M368.417 320h68.917c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-10.667v-224A10.66 10.66 0 0 0 416 64H288V10.667A10.66 10.66 0 0 0 277.333 0h-42.667A10.66 10.66 0 0 0 224 10.667V64H96a10.66 10.66 0 0 0-10.667 10.667v224H74.667c-5.896 0-10.667 4.771-10.667 10.667S68.771 320 74.667 320h68.917L64.917 497a10.66 10.66 0 0 0 .813 10.146A10.643 10.643 0 0 0 74.668 512h42.667a10.67 10.67 0 0 0 9.75-6.333L209.602 320H224v138.667a10.66 10.66 0 0 0 10.667 10.667h42.667a10.66 10.66 0 0 0 10.667-10.667V320h14.398l82.518 185.667a10.67 10.67 0 0 0 9.75 6.333h42.667c3.604 0 6.979-1.823 8.938-4.854a10.663 10.663 0 0 0 .813-10.146l-78.668-177z"
fill="#303c42"
/>
<path d="M245.333 21.333h21.333V64h-21.333z" fill="#bf6b29" />
<path d="M256 21.333h10.667V64H256z" opacity=".1" fill="#010101" />
<path d="M106.667 85.333h298.667v213.333H106.667z" fill="#fff" />
<path d="M106.667 85.333H128v213.333h-21.333z" opacity=".2" fill="#fff" />
<path d="M384 85.333h21.333v213.333H384z" opacity=".1" fill="#010101" />
<path
d="M110.396 490.667H91.083L166.935 320h19.315zM245.333 320h21.333v128h-21.333z"
fill="#bf6b29"
/>
<path d="M256 320h10.667v128H256z" opacity=".1" fill="#010101" />
<path
d="M401.604 490.667 325.75 320h19.315l75.852 170.667z"
fill="#bf6b29"
/>
<path
d="M411.26 490.667 335.406 320h9.659l75.852 170.667zM91.083 490.667 166.935 320h9.659L100.74 490.667z"
opacity=".1"
fill="#010101"
/>
<linearGradient
id="a"
x1="-45.236"
x2="-23.527"
y1="637.662"
y2="627.541"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M368.417 320h68.917c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-10.667v-224A10.66 10.66 0 0 0 416 64H288V10.667A10.66 10.66 0 0 0 277.333 0h-42.667A10.66 10.66 0 0 0 224 10.667V64H96a10.66 10.66 0 0 0-10.667 10.667v224H74.667c-5.896 0-10.667 4.771-10.667 10.667S68.771 320 74.667 320h68.917L64.917 497a10.66 10.66 0 0 0 .813 10.146A10.643 10.643 0 0 0 74.668 512h42.667a10.67 10.67 0 0 0 9.75-6.333L209.602 320H224v138.667a10.66 10.66 0 0 0 10.667 10.667h42.667a10.66 10.66 0 0 0 10.667-10.667V320h14.398l82.518 185.667a10.67 10.67 0 0 0 9.75 6.333h42.667c3.604 0 6.979-1.823 8.938-4.854a10.663 10.663 0 0 0 .813-10.146l-78.668-177z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category