Add icons to this collection by clicking the heart icon.
Canvas icon - also known as art, painting, artist, painter, paint, canvas, tool, easel, artistic, and art and design. Created in a clean lineal color 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.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 0v481.5a7.75 7.75 0 0 0 7.75 7.75h64.5A7.75 7.75 0 0 0 80 481.5V0a7.75 7.75 0 0 0-7.75-7.75H7.75A7.75 7.75 0 0 0 0 0"
transform="translate(216 15.25)"
fill="#b67f5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v481.5a7.75 7.75 0 0 0 7.75 7.75h-40A7.75 7.75 0 0 1-40 481.5V0a7.75 7.75 0 0 1 7.75-7.75h40A7.75 7.75 0 0 0 0 0"
transform="translate(256 15.25)"
fill="#a06e50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 142.559 142.559c7.811 7.811 20.474 7.811 28.285 0 7.81-7.81 7.81-20.473 0-28.284L28.284-28.284c-7.81-7.811-20.473-7.811-28.284 0C-7.81-20.474-7.81-7.81 0 0"
transform="translate(49.358 41.642)"
fill="#a06e50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-142.559 142.559c-7.811 7.811-7.811 20.474 0 28.285 7.81 7.81 20.473 7.81 28.284 0L28.284 28.284c7.811-7.81 7.811-20.473 0-28.284C20.474-7.81 7.81-7.81 0 0"
transform="translate(434.358 13.358)"
fill="#a06e50"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-385.047c-11.033 0-19.976 8.944-19.976 19.977v260.046c0 11.033 8.943 19.977 19.976 19.977H0c11.033 0 19.977-8.944 19.977-19.977V19.977C19.977 8.944 11.033 0 0 0"
transform="translate(448.524 148.11)"
fill="#edebed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.499 0-17.199 7.7-17.199 17.199v9.926a2.973 2.973 0 0 0 2.973 2.973h28.452a2.973 2.973 0 0 0 2.973-2.973v-9.926C17.199 7.7 9.499 0 0 0"
transform="translate(256 277.793)"
fill="#5a4650"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v257.205c0 11.817 9.58 21.397 21.398 21.397h-41.421c-11.033 0-19.977-8.943-19.977-19.976V-1.421c0-11.033 8.944-19.977 19.977-19.977h41.421C9.58-21.398 0-11.818 0 0"
transform="translate(83.5 169.507)"
fill="#dbd9dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-457c-11.046 0-20 8.954-20 20s8.954 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(484.5 128.11)"
fill="#cd916e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20s8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(47.5 148.11)"
fill="#b67f5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-144.119c-11.045 0-20 8.954-20 20s8.955 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(328.06 428.11)"
fill="#cd916e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20s8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(203.94 448.11)"
fill="#b67f5f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-9.499 0-17.199 7.7-17.199 17.199v9.926a2.973 2.973 0 0 0 2.973 2.973h28.452a2.973 2.973 0 0 0 2.973-2.973v-9.926C17.199 7.7 9.499 0 0 0Z"
transform="translate(256 277.793)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.355"
transform="translate(319.69 318.426)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.355"
transform="translate(192.31 318.426)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.355"
transform="translate(325.367 285.605)"
fill="none"
stroke="#e6646e"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-11.355"
transform="translate(197.988 285.605)"
fill="none"
stroke="#e6646e"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v28.641a7.75 7.75 0 0 0 7.75 7.75h64.5a7.75 7.75 0 0 0 7.75-7.75V0"
transform="translate(216 468.109)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-112.859a7.75 7.75 0 0 0-7.75-7.75h-64.5a7.75 7.75 0 0 0-7.75 7.75V0"
transform="translate(296 128.109)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-114.75-114.75c-7.81-7.81-20.474-7.81-28.284 0v0c-7.811 7.811-7.811 20.474 0 28.284L-56.567.002"
transform="translate(192.392 128.108)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 86.466-86.466c7.81-7.81 7.81-20.473 0-28.284v0c-7.811-7.81-20.474-7.81-28.285 0L-56.569 0"
transform="translate(376.177 128.108)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v260.047c0 11.033 8.944 19.976 19.977 19.976h100.464"
transform="translate(43.5 168.086)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-187.105"
transform="translate(468.5 355.191)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h100.465c11.033 0 19.976-8.944 19.976-19.977v-44.941"
transform="translate(348.059 448.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h214.5c11.046 0 20-8.954 20-20v0c0-11.046-8.954-20-20-20h-457c-11.046 0-20 8.954-20 20v0c0 11.046 8.954 20 20 20H-28"
transform="translate(270 168.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-144.119c-11.045 0-20 8.954-20 20v0c0 11.046 8.955 20 20 20H0c11.046 0 20-8.954 20-20v0C20 8.954 11.046 0 0 0Z"
transform="translate(328.06 428.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category