Add icons to this collection by clicking the heart icon.
Canvas icon - also known as painting, artist, canvas, easel, and art and design. Created in a clean lineal 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="512"
height="512"
viewBox="0 0 512 512"
>
<g>
<g>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="527.1095"
y1="48.1964"
x2="125.4819"
y2="449.824"
gradientTransform="matrix(-1 0 0 -1 512 512)"
>
<stop offset="0" stop-color="#D1DDFF" stop-opacity="0" />
<stop offset="1" stop-color="#B6C4FF" />
</linearGradient>
<path
d="M11.506,404.012c-20.722,42.469-7.181,117.795,50.613,106.929 c16.946-3.186,28.781-18.174,42.316-28.862c30.405-24.009,72.435-37.59,109.956-27.942 c121.076,31.134,139.705-50.695,166.996-74.472c29.519-25.718,71.447-34.472,99.111-62.175 c49.654-49.724,32.833-148.954-27.657-184.487c-32.082-18.846-73.243-9.6-109.121-19.459 C278.75,95.692,241.345,21.48,176.326,3.808C73.82-22.586-5.469,93.599,23.611,186.58 C53.929,283.52,56.412,311.977,11.506,404.012z"
fill="url(#SVGID_1_)"
/>
</g>
<g>
<circle
cx="362.21"
cy="32.06"
r="10.5"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="60.34"
cy="355.312"
r="10.5"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<g>
<g>
<path
d="M437.782,141.988c8.45-6.641,13.879-16.952,13.879-28.532 c0-40.703-31.141-52.625-45.386-55.949c-1.243-0.29-2.536,0.127-3.385,1.081c-0.009,0.01-0.018,0.021-0.028,0.031 c-0.821,0.921-1.075,2.199-0.713,3.379c2.423,7.877-0.414,16.745-7.532,21.726c-9.896,6.925-16.177,18.663-15.44,31.819 c0.599,10.692,5.919,20.174,13.87,26.425c-0.619,0.296-1.111,0.831-1.335,1.514c-2.18,6.641-9.454,31.651-9.454,69.753 c0,41.494,16.644,154.298,19.114,273.896c0.142,6.883,5.298,12.625,12.128,13.492c0.092,0.012,0.184,0.023,0.276,0.035 c8.195,1.04,15.458-5.263,15.628-13.521c2.47-119.6,19.117-232.406,19.117-273.901c0-38.102-7.274-63.112-9.454-69.753 C438.848,142.816,438.378,142.289,437.782,141.988z"
opacity="0.1"
fill="#2626BC"
/>
<path
d="M356.466,318.558h-5.04V88.892c0-2.761-2.239-5-5-5H183.527 c-0.133-3.995-2.838-7.496-6.75-8.592l-13.751-3.854c-0.772-7.732-3.34-13.348-8.759-14.867 c-15.774-4.421-23.696,20.529-46.083,30.862c-9.224,4.257-17.457,20.754-21.283,37.284 c-12.975,4.068-27.609,11.344-26.502,23.329c0.625,6.766,7.468,8.63,11.364,6.396c4.562-2.617,7.314-7.59,12.884-12.575 c-0.112,6.907,0.967,12.898,3.577,16.78c13.755,20.463,7.555,45.896,23.329,50.317c5.419,1.519,10.532-1.943,15.21-8.148 l13.751,3.854c3.958,1.109,8.138-0.527,10.307-3.952v117.833h-5.04c-2.761,0-5,2.239-5,5v17.066c0,2.761,2.239,5,5,5h32.931 L146.135,495.88c-0.676,3.116,1.698,6.06,4.886,6.06h14.328c2.353,0,4.388-1.641,4.886-3.941l14.968-69.036h53.64V463.6 c0,2.76,2.24,5,5,5h14.56c2.76,0,5-2.24,5-5v-34.637h53.64l14.968,69.036c0.499,2.3,2.533,3.941,4.886,3.941h14.328 c3.188,0,5.562-2.944,4.886-6.06l-32.578-150.256h32.931c2.761,0,5-2.239,5-5v-17.066 C361.466,320.797,359.227,318.558,356.466,318.558z M190.528,404.403l12.744-58.779h35.571v58.779H190.528z M311.719,404.403 h-48.315v-58.779h35.571L311.719,404.403z"
opacity="0.1"
fill="#2626BC"
/>
<g>
<g>
<path
d="M263.403,308.09V439.6c0,2.76-2.24,5-5,5h-14.56c-2.76,0-5-2.24-5-5V308.09H263.403z"
fill="#6582FD"
/>
<g>
<path
d="M263.403,439.595V308.091h-24.56v131.504c0,2.761,2.239,5,5,5h14.56C261.165,444.595,263.403,442.357,263.403,439.595z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
<g>
<g>
<rect
x="177.236"
y="380.403"
width="147.774"
height="24.56"
fill="#FFFFFF"
/>
<rect
x="177.236"
y="380.403"
width="147.774"
height="24.56"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<g>
<path
d="M165.349,477.939h-14.328c-3.188,0-5.562-2.944-4.886-6.059l35.367-163.124h24.56 l-35.827,165.243C169.737,476.298,167.702,477.939,165.349,477.939z"
fill="#6582FD"
/>
<path
d="M336.898,477.939h14.328c3.188,0,5.562-2.944,4.886-6.059l-35.367-163.124h-24.56 l35.827,165.243C332.51,476.298,334.545,477.939,336.898,477.939z"
fill="#6582FD"
/>
</g>
<g>
<path
d="M165.349,477.939h-14.328c-3.188,0-5.562-2.944-4.886-6.059l35.367-163.124h24.56l-35.827,165.243 C169.737,476.298,167.702,477.939,165.349,477.939z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M336.898,477.939h14.328c3.188,0,5.562-2.944,4.886-6.059l-35.367-163.124h-24.56l35.827,165.243 C332.51,476.298,334.545,477.939,336.898,477.939z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
<g>
<g>
<g>
<path
d="M346.426,301.545H155.821c-2.761,0-5-2.239-5-5V64.892c0-2.761,2.239-5,5-5h190.605 c2.761,0,5,2.239,5,5v231.653C351.426,299.306,349.187,301.545,346.426,301.545z"
fill="#6582FD"
/>
<path
d="M206.781,59.892h-50.96c-2.761,0-5,2.239-5,5v231.653c0,2.761,2.239,5,5,5h190.605c2.761,0,5-2.239,5-5V64.892 c0-2.761-2.239-5-5-5h-23.009"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<g>
<g>
<path
d="M288.466,72.879h-74.684c-2.761,0-5-2.239-5-5V50.813c0-2.761,2.239-5,5-5h74.684 c2.761,0,5,2.239,5,5v17.066C293.466,70.64,291.227,72.879,288.466,72.879z"
fill="#FFFFFF"
/>
<path
d="M288.466,72.879h-74.684c-2.761,0-5-2.239-5-5V50.813c0-2.761,2.239-5,5-5h74.684c2.761,0,5,2.239,5,5v17.066 C293.466,70.64,291.227,72.879,288.466,72.879z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
<g>
<path
d="M356.466,321.624H145.781c-2.761,0-5-2.239-5-5v-17.066c0-2.761,2.239-5,5-5h210.684 c2.761,0,5,2.239,5,5v17.066C361.466,319.385,359.227,321.624,356.466,321.624z"
fill="#FFFFFF"
/>
<path
d="M356.466,321.624H145.781c-2.761,0-5-2.239-5-5v-17.066c0-2.761,2.239-5,5-5h210.684c2.761,0,5,2.239,5,5v17.066 C361.466,319.385,359.227,321.624,356.466,321.624z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
<g>
<g>
<path
d="M124.797,176.272l15.717,4.405c4.186,1.173,8.625-0.722,10.665-4.561 c4.421-8.319,12.183-25.513,20.835-56.38s10.957-49.591,11.504-58.996c0.252-4.34-2.555-8.267-6.741-9.44l-15.717-4.405 L124.797,176.272z"
fill="#FFFFFF"
/>
<path
d="M124.797,176.272l15.717,4.405c4.186,1.173,8.625-0.722,10.665-4.561c4.421-8.319,12.183-25.513,20.835-56.38 s10.957-49.591,11.504-58.996c0.252-4.34-2.555-8.267-6.741-9.44l-15.717-4.405L124.797,176.272z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<path
d="M105.975,96.352c0,0-47.539,6.448-45.577,27.701c0.625,6.766,7.468,8.63,11.364,6.396 c8.156-4.678,10.516-16.883,33.555-23.232L105.975,96.352z"
fill="#6582FD"
/>
<path
d="M105.975,96.352c0,0-47.539,6.448-45.577,27.701c0.625,6.766,7.468,8.63,11.364,6.396 c8.156-4.678,10.516-16.883,33.555-23.232L105.975,96.352z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<path
d="M108.184,63.441c-16.762,7.736-30.259,55.892-19.96,71.213 c13.755,20.463,7.555,45.896,23.329,50.317c18.838,5.28,33.983-49.563,39.984-70.975c6.002-21.412,21.568-76.137,2.73-81.417 C138.493,28.158,130.571,53.108,108.184,63.441z"
fill="#6582FD"
/>
<g>
<path
d="M84.847,113.721c1.043,5.512,5.94,15.231,26.234,22.535 c22.049,7.941,8.253,48.192-8.405,40.892c-5.002-10.151-4.466-27.634-14.453-42.493 C85.102,130.013,84.168,122.354,84.847,113.721z"
fill="#FFFFFF"
/>
<path
d="M128.545,73.95c-21.136-4.304-30.37,1.454-34.126,5.621 c3.908-7.731,8.685-13.786,13.765-16.13c16.255-7.503,24.884-22.718,34.433-28.791 C160.642,37.072,151.508,78.629,128.545,73.95z"
fill="#FFFFFF"
/>
</g>
<path
d="M108.184,63.441c-16.762,7.736-30.259,55.892-19.96,71.213c13.755,20.463,7.555,45.896,23.329,50.317 c18.838,5.28,33.983-49.563,39.984-70.975c6.002-21.412,21.568-76.137,2.73-81.417 C138.493,28.158,130.571,53.108,108.184,63.441z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
</g>
<path
d="M317.218,180.017H248.73c-1.657,0-3-1.343-3-3v-68.489c0-1.657,1.343-3,3-3h68.489 c1.657,0,3,1.343,3,3v68.489C320.218,178.674,318.875,180.017,317.218,180.017z"
fill="#FFFFFF"
/>
<circle cx="231.331" cy="180.718" r="51.548" fill="#2626BC" />
<circle cx="231.331" cy="180.718" r="22.938" fill="#FFFFFF" />
<path
d="M263.393,195.099l-36.663,67.186c-1.091,1.999,0.356,4.437,2.633,4.437h73.327 c2.277,0,3.724-2.438,2.633-4.437L268.66,195.1C267.523,193.016,264.53,193.016,263.393,195.099z"
fill="#FFFFFF"
/>
<g>
<line
x1="308.735"
y1="225.203"
x2="308.62"
y2="225.203"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="308.735"
y1="210.29"
x2="308.62"
y2="210.29"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="308.735"
y1="195.378"
x2="308.62"
y2="195.378"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="209.285"
y1="261.19"
x2="181.072"
y2="261.19"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<line
x1="191.35"
y1="244.438"
x2="181.072"
y2="244.438"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<path
d="M308.356,125.703h-5.972c-1.293,0-2.341-1.048-2.341-2.341v-5.972 c0-1.293,1.048-2.341,2.341-2.341h5.972c1.293,0,2.341,1.048,2.341,2.341v5.972C310.696,124.655,309.648,125.703,308.356,125.703 z"
fill="#6582FD"
/>
<g>
<g>
<path
d="M402.89,34.587c-0.009,0.01-0.018,0.021-0.028,0.031c-0.821,0.921-1.075,2.199-0.712,3.379 c2.423,7.877-0.414,16.745-7.532,21.726c-9.897,6.925-16.177,18.663-15.44,31.819c1.037,18.519,16.22,33.43,34.754,34.156 c20.696,0.811,37.729-15.727,37.729-36.242c0-40.703-31.141-52.625-45.386-55.949C405.032,33.217,403.739,33.634,402.89,34.587 z"
fill="#6582FD"
/>
<path
d="M402.169,99.965c0.379,9.614,5.93,17.354,12.706,17.731c7.566,0.421,13.794-8.164,13.794-18.814"
fill="none"
stroke="#FFFFFF"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M402.89,34.587c-0.009,0.01-0.018,0.021-0.028,0.031c-0.821,0.921-1.075,2.199-0.712,3.379 c2.423,7.877-0.414,16.745-7.532,21.726c-9.897,6.925-16.177,18.663-15.44,31.819c1.037,18.519,16.22,33.43,34.754,34.156 c20.696,0.811,37.729-15.727,37.729-36.242c0-40.703-31.141-52.625-45.386-55.949C405.032,33.217,403.739,33.634,402.89,34.587 z"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<path
d="M436.617,117.711l-42.455,0c-1.115,0-2.102,0.711-2.45,1.771 c-2.18,6.641-9.454,31.652-9.454,69.753c0,41.494,16.644,154.298,19.114,273.896c0.142,6.883,5.298,12.625,12.128,13.492 c0.092,0.012,0.184,0.023,0.276,0.035c8.195,1.04,15.457-5.263,15.628-13.521c2.47-119.6,19.117-232.406,19.117-273.901 c0-38.102-7.274-63.112-9.454-69.753C438.719,118.422,437.732,117.711,436.617,117.711z"
fill="#6582FD"
/>
<path
d="M436.617,117.711l-42.455,0c-1.115,0-2.102,0.711-2.45,1.771 c-2.18,6.641-9.454,31.651-9.454,69.753h66.263c0-38.102-7.274-63.112-9.454-69.753 C438.719,118.422,437.732,117.711,436.617,117.711z"
fill="#FFFFFF"
/>
<g>
<line
x1="382.781"
y1="171.733"
x2="447.998"
y2="171.733"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
<path
d="M389.309,280.027c4.859,51.369,10.681,116.17,12.063,183.103c0.142,6.883,5.298,12.625,12.128,13.492 c0.092,0.012,0.184,0.023,0.276,0.035c8.194,1.04,15.457-5.263,15.628-13.521c2.47-119.6,19.117-232.406,19.117-273.901 c0-38.102-7.274-63.112-9.454-69.753c-0.348-1.06-1.335-1.771-2.45-1.771l-42.455,0c-1.115,0-2.102,0.711-2.45,1.771 c-2.18,6.641-9.454,31.651-9.454,69.753c0,13.8,1.842,35.493,4.39,62.694"
fill="none"
stroke="#2626BC"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
<circle
cx="83.158"
cy="266.723"
r="8.012"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="475.512"
cy="454.327"
r="8.012"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="105.975"
cy="321.624"
r="8.012"
fill="none"
stroke="#6582FD"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</g>
</g>
</svg>
More icons in the same style and category