Add icons to this collection by clicking the heart icon.
Art icon - also known as art, idea, book, intelligence, learning, open book, design, art and design, files and folders, and design book. Created in a clean gradient 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 266.557 266.557"
>
<linearGradient id="a">
<stop offset="0" stop-color="#20d6de" />
<stop offset="1" stop-color="#5e309d" />
</linearGradient>
<linearGradient
id="b"
x1="-4.443"
x2="268.334"
y1="173.33"
y2="173.33"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-4.443"
x2="268.334"
y1="164.445"
y2="164.445"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-4.443"
x2="268.334"
y1="120.019"
y2="120.019"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-4.443"
x2="268.334"
y1="102.248"
y2="102.248"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-4.443"
x2="268.334"
y1="84.478"
y2="84.478"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-4.443"
x2="268.334"
y1="62.265"
y2="62.265"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-4.443"
x2="268.334"
y1="80.035"
y2="80.035"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-4.443"
x2="268.334"
y1="204.429"
y2="204.429"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-4.443"
x2="268.334"
y1="228.863"
y2="228.863"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-4.443"
x2="268.334"
y1="182.589"
y2="182.589"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-4.443"
x2="268.334"
y1="66.707"
y2="66.707"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-4.443"
x2="268.334"
y1="193.322"
y2="193.322"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-4.443"
x2="268.334"
y1="244.412"
y2="244.412"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="-4.439"
x2="268.338"
y1="248.853"
y2="248.853"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-4.441"
x2="268.336"
y1="279.954"
y2="279.954"
gradientTransform="matrix(1 0 0 -1 .001 306.608)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="-4.439"
x2="268.338"
y1="248.856"
y2="248.856"
gradientTransform="matrix(1 0 0 -1 .001 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-4.443"
x2="268.335"
y1="182.217"
y2="182.217"
gradientTransform="matrix(1 0 0 -1 0 306.608)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="-4.443"
x2="268.334"
y1="284.396"
y2="284.396"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="-4.443"
x2="268.334"
y1="266.625"
y2="266.625"
gradientTransform="matrix(1 0 0 -1 0 306.609)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="-4.444"
x2="268.333"
y1="226.643"
y2="226.643"
gradientTransform="matrix(1 0 0 -1 0 306.608)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M262.115 0H4.443A4.443 4.443 0 0 0 0 4.443v257.672a4.443 4.443 0 0 0 4.443 4.443h257.672a4.443 4.443 0 0 0 4.443-4.443V4.443A4.444 4.444 0 0 0 262.115 0zm-4.443 60.286-86.187 81.878H35.541V53.311h8.885v4.443a4.443 4.443 0 0 0 4.443 4.443h17.77a4.443 4.443 0 0 0 4.443-4.443V35.541h8.885v4.443a4.443 4.443 0 0 0 4.443 4.443h17.77a4.443 4.443 0 0 0 4.443-4.443V26.656h8.885v22.213a4.443 4.443 0 0 0 4.443 4.443h17.77a4.443 4.443 0 0 0 4.443-4.443V8.885h115.508zM146.607 177.705c-7.361 0-13.328 5.967-13.328 13.328v8.885a4.443 4.443 0 1 1-8.886 0v-26.656c0-7.361-5.967-13.328-13.328-13.328s-13.328 5.967-13.328 13.328v57.754a4.443 4.443 0 1 1-8.886 0V186.59c0-7.361-5.967-13.328-13.328-13.328s-13.328 5.967-13.328 13.328v17.77a4.443 4.443 0 1 1-8.886 0v-53.311H168.82v79.967a4.443 4.443 0 1 1-8.886 0v-39.984c0-7.36-5.967-13.327-13.327-13.327zM133.279 44.426h-8.885V8.885h8.885zM115.508 17.77h-8.885V8.885h8.885zm-17.77 17.771h-8.885V8.885h8.885zm-17.771-8.885h-8.885V8.885h8.885zm-17.77 26.655h-8.885V8.885h8.885zm-17.771-8.885h-8.885V8.885h8.885zM8.885 8.885h17.77v248.787H8.885zm26.656 248.787V151.049h8.885v53.311c0 7.361 5.967 13.328 13.328 13.328s13.328-5.967 13.328-13.328v-17.77a4.443 4.443 0 1 1 8.886 0v44.426c0 7.361 5.967 13.328 13.328 13.328s13.328-5.967 13.328-13.328v-57.754a4.443 4.443 0 1 1 8.886 0v26.656c0 7.361 5.967 13.328 13.328 13.328s13.328-5.967 13.328-13.328v-8.885a4.443 4.443 0 1 1 8.886 0v39.984c0 7.361 5.967 13.328 13.328 13.328s13.328-5.967 13.328-13.328v-82.504l79.967-75.969v185.129H35.541z"
/>
<path
fill="url(#c)"
d="M246.046 111.403a4.442 4.442 0 0 0-4.842.964l-53.311 53.311a4.443 4.443 0 0 0 3.141 7.584h53.311a4.443 4.443 0 0 0 4.443-4.443v-53.311a4.445 4.445 0 0 0-2.742-4.105zm-6.144 52.974h-38.144l38.144-38.144z"
/>
<path fill="url(#d)" d="M186.59 182.148h62.197v8.885H186.59z" />
<path fill="url(#e)" d="M186.59 199.918h53.311v8.885H186.59z" />
<path fill="url(#f)" d="M186.59 217.689h62.197v8.885H186.59z" />
<path fill="url(#g)" d="M48.869 239.902h8.885v8.885h-8.885z" />
<path fill="url(#h)" d="M119.951 222.131h8.885v8.885h-8.885z" />
<path
fill="url(#i)"
d="M79.967 71.082c-17.175 0-31.098 13.923-31.098 31.098s13.923 31.098 31.098 31.098 31.098-13.923 31.098-31.098c-.019-17.167-13.931-31.078-31.098-31.098zm0 53.311c-12.268 0-22.213-9.945-22.213-22.213s9.945-22.213 22.213-22.213 22.213 9.945 22.213 22.213c-.014 12.262-9.951 22.199-22.213 22.213z"
/>
<path
fill="url(#j)"
d="M79.967 53.311v8.885c22.072.024 39.959 17.911 39.984 39.984h8.885c-.032-26.976-21.892-48.837-48.869-48.869z"
/>
<path
fill="url(#k)"
d="m108.6 129.582 4.931 7.393a33.063 33.063 0 0 0 15.305-25.909h-8.885a24.18 24.18 0 0 1-11.351 18.516z"
/>
<path
fill="url(#l)"
d="M186.59 235.459h17.77v8.885h-17.77zM213.246 235.459h17.77v8.885h-17.77z"
/>
<path
fill="url(#m)"
d="M155.492 93.295a4.442 4.442 0 0 0-4.269 5.66l8.885 31.098a4.442 4.442 0 0 0 4.269 3.225 4.44 4.44 0 0 0 3.141-1.302l31.098-31.098a4.443 4.443 0 0 0-3.141-7.584h-39.983zm11.084 27.06-5.193-18.175h23.368z"
/>
<path
fill="url(#n)"
d="M207.102 92.957a4.44 4.44 0 0 0 4.843-.964L238.6 65.338a4.443 4.443 0 0 0 0-6.282L211.944 32.4a4.443 4.443 0 0 0-7.584 3.141v53.311a4.443 4.443 0 0 0 2.742 4.105zm6.144-46.692 15.931 15.931-15.931 15.931z"
/>
<path
fill="url(#o)"
d="M155.994 82.02a4.443 4.443 0 0 0 3.941 2.39h31.098a4.443 4.443 0 0 0 4.443-4.443V35.541a4.443 4.443 0 0 0-8.081-2.546l-31.098 44.426a4.442 4.442 0 0 0-.303 4.599zm30.596-32.387v25.892h-18.126z"
/>
<path
fill="url(#p)"
d="m161.237 25.353 6.283-6.282 8.884 8.883-6.283 6.283z"
/>
<path
fill="url(#q)"
d="m143.468 59.054 8.884-8.884 6.283 6.282-8.884 8.884z"
/>
<path
fill="url(#r)"
d="m134.58 123.091 6.283-6.283 8.884 8.884-6.283 6.283z"
/>
<path fill="url(#s)" d="M222.131 17.77h26.656v8.885h-26.656z" />
<path fill="url(#t)" d="M231.016 35.541h17.77v8.885h-17.77z" />
<path
fill="url(#u)"
d="m130.136 78.665 6.283-6.283 8.884 8.884-6.283 6.283z"
/>
</svg>
More icons in the same style and category