Add icons to this collection by clicking the heart icon.
Fairy Tale icon - also known as education, book, library, rainbow, story, fantasy, legend, folklore, fairy tale, and cultures. Created in a clean gradient style with a white, silver, and gray 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="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient
id="b"
x1="10.619"
x2="560.128"
y1="337.352"
y2="337.352"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="c"
x1="251"
x2="251"
y1="358.606"
y2="431.627"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="d"
x1="255.4"
x2="61.702"
y1="291.355"
y2="291.355"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="390.541"
x2="616.626"
y1="291.355"
y2="291.355"
gradientTransform="matrix(-1 0 0 1 916.004 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="251.401"
x2="251.401"
y1="275.036"
y2="166.537"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="g"
x1="250.893"
x2="250.893"
y1="233.116"
y2="122.122"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="h"
x1="251.144"
x2="251.144"
y1="227.587"
y2="90.763"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="i"
x1="251"
x2="251"
y1="253.757"
y2="40.936"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<path
fill="url(#b)"
d="M468.898 216.729H352.364L251 250.329l-101.364-33.6H33.102C14.82 216.729 0 231.549 0 249.831v162.962c0 24.954 20.229 45.183 45.183 45.183h411.634c24.954 0 45.183-20.229 45.183-45.183V249.831c0-18.282-14.82-33.102-33.102-33.102z"
/>
<path
fill="url(#c)"
d="M362.563 309.339S266.148 352.537 251 395.402c-15.149-42.865-111.563-86.063-111.563-86.063L27.873 344.497v37.392c0 12.762 11.431 22.544 24.021 20.453 73.356-12.184 156.689 3.457 191.484 19.211a18.512 18.512 0 0 0 15.243 0c34.796-15.754 118.128-31.395 191.484-19.211 12.589 2.091 24.021-7.691 24.021-20.453v-37.392z"
/>
<path
fill="url(#d)"
d="M251 224.52c-17.154-29.63-142.319-50.624-205.305-27.077-10.756 4.021-17.821 14.373-17.821 25.856v121.197c0 14.183 13.518 24.649 27.164 20.782 65.249-18.493 179.62 1.896 195.963 30.124V224.52z"
/>
<path
fill="url(#e)"
d="M251 224.52c17.154-29.63 142.319-50.624 205.305-27.077 10.755 4.021 17.821 14.373 17.821 25.856v121.197c0 14.183-13.518 24.649-27.164 20.782-65.249-18.493-179.621 1.896-195.963 30.124V224.52z"
/>
<path
fill="url(#f)"
d="M251 192.643c32.015 0 58.72 22.71 64.896 52.899 1.576 7.705 8.164 13.352 16.028 13.352h22.472C365.629 194.798 308.015 151.949 251 151.949s-110.344 36.566-103.396 106.944h22.472c7.865 0 14.452-5.647 16.028-13.352 6.176-30.189 32.881-52.898 64.896-52.898z"
/>
<path
fill="url(#g)"
d="M251 155.488c57.015 0 103.396 46.391 103.396 103.405h37.155C404.054 165.385 328.503 113.91 251 113.91S96.85 170.542 110.449 258.893h37.155c0-57.015 46.381-103.405 103.396-103.405z"
/>
<path
fill="url(#h)"
d="M251 118.333c77.503 0 140.551 63.057 140.551 140.56h37.155C442.802 157.934 348.991 75.871 251 75.871S60.907 148.992 73.295 258.893h37.155c-.001-77.503 63.047-140.56 140.55-140.56z"
/>
<path
fill="url(#i)"
d="M251 81.179c97.991 0 177.706 79.723 177.706 177.714h20.122c9.54 0 17.091-8.138 16.315-17.647C456.138 130.989 363.53 44.024 251 44.024S45.862 130.989 36.857 241.246c-.776 9.508 6.775 17.647 16.315 17.647h20.122C73.295 160.902 153.009 81.179 251 81.179z"
/>
<path
fill="#5b6c82"
d="M321.714 304.046c-1.56-6.156 2.167-12.412 8.323-13.972 17.574-4.453 40.093-6.807 65.123-6.807 6.351 0 11.5 5.148 11.5 11.5s-5.149 11.5-11.5 11.5c-23.153 0-43.719 2.11-59.474 6.102-6.14 1.557-12.407-2.15-13.972-8.323zM166.314 312.369c-15.754-3.991-36.32-6.102-59.474-6.102-6.351 0-11.5-5.148-11.5-11.5s5.149-11.5 11.5-11.5c25.03 0 47.549 2.353 65.123 6.807 6.157 1.56 9.883 7.815 8.323 13.972-1.559 6.153-7.811 9.884-13.972 8.323z"
/>
<path
fill="#997bce"
d="M382.259 398.165c-51.586 1.492-99.401 12.414-123.644 23.392a18.437 18.437 0 0 1-15.224.003c-34.788-15.756-118.132-31.403-191.497-19.217-12.589 2.091-24.021-7.691-24.021-20.453V223.3c0-2.136.246-4.232.714-6.256C12.443 219.247 0 233.082 0 249.831v135.392c1.716 25.323 22.8 45.402 48.488 45.402 9.959 0 23.141-4.637 59.399-4.637 50.814 0 100.814 10.602 123.942 21.072a46.459 46.459 0 0 0 38.341.001c22.734-10.293 66.777-19.544 112.915-20.863 8.037-.23 14.2-7.225 13.499-15.234-.645-7.379-6.921-13.013-14.325-12.799z"
/>
<g fill="#fffde3">
<path
d="M414.262 159.951a9.99 9.99 0 0 1-8.316-4.433 187.097 187.097 0 0 0-10.956-14.723c-3.511-4.264-2.901-10.565 1.362-14.076 4.264-3.513 10.565-2.9 14.077 1.361a207.067 207.067 0 0 1 12.13 16.301c3.075 4.588 1.849 10.8-2.739 13.875a9.95 9.95 0 0 1-5.558 1.695zM373.669 115.829a9.959 9.959 0 0 1-6.241-2.191 188.533 188.533 0 0 0-6.483-4.959c-4.459-3.259-5.432-9.516-2.172-13.975 3.259-4.459 9.515-5.432 13.974-2.172a208.362 208.362 0 0 1 7.177 5.488c4.312 3.45 5.011 9.743 1.561 14.056a9.983 9.983 0 0 1-7.816 3.753z"
/>
</g>
</svg>
More icons in the same style and category