Add icons to this collection by clicking the heart icon.
Storytelling icon - also known as education, book, speech bubble, communications, content, storytelling, copywriting, and content creator. 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 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#230be0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<radialGradient
id="d"
cx="256.001"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" stop-opacity=".8" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#1805b0" />
<stop offset="1" stop-color="#fc54ff" />
</linearGradient>
<linearGradient
id="e"
x1="36.999"
x2="774.219"
y1="351.732"
y2="-385.488"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-.835"
x2="656.984"
y1="680.539"
y2="22.72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="49.991"
x2="588.202"
y1="488.326"
y2="-49.885"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fc54ff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="-395.321"
x2="693.386"
y1="1081.542"
y2="-7.165"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-496.917"
x2="558.991"
y1="1138.144"
y2="82.235"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-424.817"
x2="345.139"
y1="971.753"
y2="201.798"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="279.296"
x2="523.897"
y1="272.481"
y2="27.881"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="203.022"
x2="524.879"
y1="299.466"
y2="-22.391"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="191.734"
x2="430.394"
y1="222.922"
y2="222.922"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc54ff" stop-opacity=".8" />
<stop offset=".067" stop-color="#fd78ff" stop-opacity=".747" />
<stop offset=".147" stop-color="#fd9cff" stop-opacity=".683" />
<stop offset=".235" stop-color="#febbff" stop-opacity=".612" />
<stop offset=".33" stop-color="#fed4ff" stop-opacity=".536" />
<stop offset=".436" stop-color="#ffe7ff" stop-opacity=".451" />
<stop offset=".559" stop-color="#fff5ff" stop-opacity=".353" />
<stop offset=".713" stop-color="#fffdff" stop-opacity=".23" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<linearGradient
id="n"
x1="-100.055"
x2="566.782"
y1="570.073"
y2="-96.764"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-93.654"
x2="510.22"
y1="637.259"
y2="33.385"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-453.248"
x2="650.631"
y1="888.474"
y2="-215.405"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="-278.769"
x2="476.049"
y1="806.956"
y2="52.138"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-816.319"
x2="621.759"
y1="1144.885"
y2="-293.193"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="-581.819"
x2="436.342"
y1="1045.619"
y2="27.458"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="-133.993"
x2="601.887"
y1="761.338"
y2="25.458"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="-96.924"
x2="655.356"
y1="683.826"
y2="-68.453"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="-658.436"
x2="177.202"
y1="1064.511"
y2="228.873"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M87.559 140.573c-8.401.231-15.454 7.15-15.704 15.427-2.238 75-1.754 150 1.452 225 .359 8.276 7.438 15.27 15.762 15.586a4496.77 4496.77 0 0 0 67.879 2.01 5899.5 5899.5 0 0 1-.895-259.487c-22.832.363-45.663.851-68.494 1.464z"
/>
<path
fill="url(#f)"
d="M424.441 140.573c-10.147-.272-20.294-.52-30.441-.743a4216.836 4216.836 0 0 1-1.236 257.775 4468.98 4468.98 0 0 0 30.168-1.02c8.324-.316 15.402-7.307 15.762-15.586 3.206-75 3.689-150 1.452-225-.252-8.276-7.304-15.196-15.705-15.426z"
/>
<path
fill="url(#g)"
d="M325.507 138.698a6274.42 6274.42 0 0 0-184.676.672 5095.26 5095.26 0 0 0 .607 243.641c.228 8.407 7.185 15.398 15.509 15.585 19.609.432 39.219.737 58.828.912 6.332.058 12.319 3.128 16.142 8.312 5.739 7.772 14.643 12.37 24.083 12.369 9.44.001 18.344-4.596 24.083-12.369 3.823-5.181 9.81-8.255 16.142-8.312a4492.04 4492.04 0 0 0 96.539-1.902c8.324-.259 15.349-7.258 15.649-15.598.267-7.557.512-15.114.734-22.671-25.745-72.355-54.784-146.278-83.64-220.639z"
/>
<path
fill="url(#h)"
d="M271.29 330.486c-.003.003-15.307 7.705-15.289 38.451 48.441 0 96.881-.615 145.322-1.846 4.193-.109 7.701-3.583 7.825-7.755.296-10.076.552-20.153.767-30.228a8508.327 8508.327 0 0 1-138.625 1.378z"
/>
<path
fill="url(#i)"
d="M240.659 299.741c.023 17.935.059 35.869.107 53.804 5.092 5.136 10.171 10.267 15.235 15.393-.016-16.914 13.731-30.744 30.545-30.81 38.521-.152 77.042-.59 115.563-1.314 4.216-.082 7.715-3.531 7.805-7.705.215-10.076.39-20.152.525-30.228-56.594.637-113.187.924-169.78.86z"
/>
<path
fill="url(#j)"
d="M286.245 107.657c-16.611-.106-30.223 13.744-30.245 30.656-15.221 25.284-30.654 50.622-46.08 75.902 13.372 31.844 26.935 63.786 40.38 95.714a72.8 72.8 0 0 1 5.7 28.259c-.012-16.915 13.788-30.747 30.662-30.789 38.668-.1 77.335-.388 116.003-.864 4.233-.055 7.718-3.482 7.774-7.654.807-60.456.161-120.912-1.938-181.368-.146-4.176-3.657-7.662-7.831-7.789a4841.074 4841.074 0 0 0-114.425-2.067z"
/>
<path
fill="url(#k)"
d="M286.416 195.894c.038 14.121.06 28.242.067 42.362a7.687 7.687 0 0 0 7.69 7.683c25.967.003 51.933.011 77.9.022 4.246.001 7.686-3.401 7.677-7.601-.03-13.977-.121-27.953-.273-41.93-31.02-.286-62.04-.465-93.061-.536z"
/>
<path
fill="url(#l)"
d="M370.908 139.365c-25.706-.47-51.412-.783-77.117-.938-4.202-.027-7.59 3.4-7.569 7.641.086 16.609.151 33.218.195 49.827 25.767 25.846 67.583 25.808 93.061.537a4771.024 4771.024 0 0 0-.792-49.318c-.091-4.2-3.577-7.673-7.778-7.749z"
/>
<path
fill="url(#m)"
d="M286.245 107.657c-16.611-.106-30.223 13.744-30.245 30.656-15.221 25.284-30.654 50.622-46.08 75.902 13.372 31.844 26.935 63.786 40.38 95.714 3.766 8.946 5.7 11.346 5.7 28.259-.012-16.915 13.788-30.747 30.662-30.789 38.668-.1 77.335-.388 116.003-.864 4.233-.055 7.718-3.482 7.774-7.654.807-60.456.161-120.912-1.938-181.368-.146-4.176-3.657-7.662-7.831-7.789a4841.074 4841.074 0 0 0-114.425-2.067z"
/>
<path
fill="url(#n)"
d="M102.086 329.108c.215 10.076.471 20.152.767 30.228.124 4.173 3.631 7.648 7.825 7.755 10.127.258 20.254.488 30.381.691-.297-12.69-.547-25.379-.749-38.069a8400.144 8400.144 0 0 1-38.224-.605z"
/>
<path
fill="url(#o)"
d="M225.421 330.445a8511.172 8511.172 0 0 1-92.756-.839c.173 10.138.377 20.277.615 30.415.099 4.197 3.586 7.675 7.779 7.761 38.314.77 76.627 1.155 114.941 1.155.021-16.914-13.74-38.433-30.579-38.492z"
/>
<path
fill="url(#p)"
d="M101.561 298.88c.135 10.076.31 20.152.525 30.228.09 4.173 3.589 7.622 7.805 7.705 7.636.143 15.273.276 22.909.397a17167.852 17167.852 0 0 1 30.127-37.776c-20.455-.139-40.91-.323-61.366-.554z"
/>
<path
fill="url(#q)"
d="M132.245 299.191c.135 12.673.32 25.346.556 38.019 30.885.491 61.769.796 92.654.917 16.814.066 30.562 13.897 30.545 30.81v-69.188c-41.252.001-82.504-.185-123.755-.558z"
/>
<path
fill="url(#r)"
d="M111.33 109.723c-4.174.125-7.685 3.616-7.831 7.789a3774.344 3774.344 0 0 0-1.938 181.368c.056 4.173 3.541 7.601 7.774 7.654 7.665.094 15.331.181 22.996.261 30.196-65.576 62.365-132.367 93.424-199.138-38.141.238-76.283.927-114.425 2.066z"
/>
<path
fill="url(#s)"
d="M225.756 107.657c-30.967 53.967-62.883 108.005-93.737 161.12.054 12.673.158 25.346.313 38.019 31.002.322 62.005.523 93.007.603 16.873.042 30.673 13.878 30.662 30.789V138.313c-.022-16.913-13.634-30.763-30.245-30.656z"
/>
<path
fill="url(#t)"
d="M372.322 261.19c-10.249.022-20.497.04-30.746.056-.009 5.098-.024 10.197-.045 15.295 10.243-.035 20.487-.076 30.73-.124 4.242-.021 7.703-3.443 7.721-7.641.018-4.199-3.415-7.593-7.66-7.586z"
/>
<path
fill="url(#u)"
d="M349.243 268.874c.014-4.217-3.421-7.632-7.667-7.628-15.715.024-31.429.042-47.144.053-4.245.001-7.689 3.444-7.693 7.687s3.43 7.678 7.673 7.672c15.706-.024 31.413-.063 47.119-.117 4.243-.014 7.698-3.448 7.712-7.667z"
/>
<path
fill="url(#v)"
d="M196 77.273a3913.11 3913.11 0 0 0-53.5 1.187c-4.14.121-7.62 3.631-7.765 7.828a4768.335 4768.335 0 0 0-2.717 182.489c.018 4.199 3.478 7.62 7.721 7.641 18.267.085 36.534.149 54.801.195 33.959.071 61.492 27.611 61.46 61.575V138.313c-.096-33.957-26.976-61.568-60-61.04z"
/>
</svg>
More icons in the same style and category