Add icons to this collection by clicking the heart icon.
Planner icon - also known as education, notebook, pencil, workbook, notepad, journal, planner, and files and folders. 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="d"
x1="74.98"
x2="437.018"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4748" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="e"
cx="234.704"
cy="256"
r="283.783"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".081" stop-color="#ff4653" stop-opacity=".919" />
<stop offset=".178" stop-color="#ff5c7b" stop-opacity=".822" />
<stop offset=".282" stop-color="#ff709e" stop-opacity=".718" />
<stop offset=".391" stop-color="#ff80ba" stop-opacity=".609" />
<stop offset=".508" stop-color="#ff8cd0" stop-opacity=".492" />
<stop offset=".636" stop-color="#ff95df" stop-opacity=".364" />
<stop offset=".784" stop-color="#ff9ae8" stop-opacity=".216" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffb5d6" />
<stop offset=".418" stop-color="#ffdbeb" />
<stop offset=".784" stop-color="#fff5fa" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="114.171"
x2="415.522"
y1="556.424"
y2="255.073"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff79b1" />
<stop offset="1" stop-color="#ffe3f3" />
</linearGradient>
<linearGradient
id="g"
x1="256.47"
x2="550.331"
y1="308.106"
y2="14.245"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="332.684"
x2="411.694"
y1="192.227"
y2="192.227"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".017" stop-color="#ff3536" stop-opacity=".983" />
<stop offset=".094" stop-color="#ff4d60" stop-opacity=".906" />
<stop offset=".177" stop-color="#ff6286" stop-opacity=".823" />
<stop offset=".265" stop-color="#ff74a5" stop-opacity=".735" />
<stop offset=".361" stop-color="#ff83bf" stop-opacity=".639" />
<stop offset=".467" stop-color="#ff8ed2" stop-opacity=".533" />
<stop offset=".588" stop-color="#ff96e0" stop-opacity=".412" />
<stop offset=".737" stop-color="#ff9be9" stop-opacity=".263" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</linearGradient>
<linearGradient
id="i"
x1="344.381"
x2="423.349"
y1="298.526"
y2="298.526"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".063" stop-color="#ffb9dc" stop-opacity=".937" />
<stop offset=".184" stop-color="#ffd3e9" stop-opacity=".816" />
<stop offset=".319" stop-color="#ffe7f3" stop-opacity=".681" />
<stop offset=".473" stop-color="#fff4fa" stop-opacity=".527" />
<stop offset=".664" stop-color="#fffdfe" stop-opacity=".336" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#e00413" />
<stop offset=".224" stop-color="#ff3838" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="j"
x1="274.08"
x2="562.313"
y1="228.991"
y2="-59.242"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="344.754"
x2="409.02"
y1="131.664"
y2="131.664"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".132" stop-color="#ff2f2b" stop-opacity=".868" />
<stop offset="1" stop-color="#ff2f2b" stop-opacity="0" />
</linearGradient>
<linearGradient
id="l"
x1="61.832"
x2="550.675"
y1="348.429"
y2="-140.414"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-69.047"
x2="379.442"
y1="464.504"
y2="16.015"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="-240.889"
x2="494.776"
y1="734.55"
y2="-1.115"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="65.055"
x2="448.185"
y1="335.469"
y2="-47.661"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-112.787"
x2="444.468"
y1="553.109"
y2="-4.145"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="63.925"
x2="507.417"
y1="499.573"
y2="56.081"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-52.303"
x2="682.624"
y1="706.837"
y2="-28.089"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="-125.451"
x2="475.476"
y1="679.864"
y2="78.937"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="-34.887"
x2="302.184"
y1="687.035"
y2="349.964"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="240.958"
x2="240.958"
y1="413.854"
y2="362.609"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".175" stop-color="#fffbfc" stop-opacity=".105" />
<stop offset=".348" stop-color="#ffeff4" stop-opacity=".209" />
<stop offset=".52" stop-color="#ffdbe6" stop-opacity=".312" />
<stop offset=".691" stop-color="#ffc0d3" stop-opacity=".415" />
<stop offset=".861" stop-color="#ff9cba" stop-opacity=".516" />
<stop offset="1" stop-color="#ff79a2" stop-opacity=".6" />
</linearGradient>
<linearGradient
id="v"
x1="143.657"
x2="882.779"
y1="542.981"
y2="-196.14"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="-52.519"
x2="600.021"
y1="559.84"
y2="-92.699"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M397.495 320.637a6902.3 6902.3 0 0 1-53.635.891c.135-15.245.223-30.49.264-45.735 17.932-.069 35.865-.159 53.796-.269 4.244-.023 7.672 3.311 7.644 7.451-.064 10-.163 20-.298 30-.056 4.14-3.539 7.573-7.771 7.662z"
/>
<path
fill="url(#g)"
d="M397.778 215.374c-17.914-.23-35.828-.417-53.742-.56-.085-15.245-.217-30.49-.396-45.735 17.834.302 35.667.696 53.501 1.182 4.22.117 7.71 3.574 7.788 7.714.185 10 .334 20 .448 30 .046 4.141-3.356 7.451-7.599 7.399z"
/>
<path
fill="url(#h)"
d="M397.778 215.374c-17.914-.23-35.828-.417-53.742-.56-.085-15.245-.217-30.49-.396-45.735 17.834.302 35.667.696 53.501 1.182 4.22.117 7.71 3.574 7.788 7.714.185 10 .334 20 .448 30 .046 4.141-3.356 7.451-7.599 7.399z"
/>
<path
fill="url(#i)"
d="M397.495 320.637a6902.3 6902.3 0 0 1-53.635.891c.135-15.245.223-30.49.264-45.735 17.932-.069 35.865-.159 53.796-.269 4.244-.023 7.672 3.311 7.644 7.451-.064 10-.163 20-.298 30-.056 4.14-3.539 7.573-7.771 7.662z"
/>
<path
fill="url(#j)"
d="M396.827 155.224a4381.817 4381.817 0 0 0-53.382-1.39c-.211-15.245-.468-30.49-.773-45.735 17.637.514 35.274 1.184 52.91 2.012 4.174.197 7.674 3.724 7.811 7.864.327 10 .618 20 .875 30 .106 4.14-3.227 7.382-7.441 7.249z"
/>
<path
fill="url(#k)"
d="M396.827 155.224a4381.817 4381.817 0 0 0-53.382-1.39c-.211-15.245-.468-30.49-.773-45.735 17.637.514 35.274 1.184 52.91 2.012 4.174.197 7.674 3.724 7.811 7.864.327 10 .618 20 .875 30 .106 4.14-3.227 7.382-7.441 7.249z"
/>
<path
fill="url(#l)"
d="M155 78.187c-24.789 1.09-45.812 22.516-46.632 47.288a4221.924 4221.924 0 0 0 .024 261.832 3322.68 3322.68 0 0 0 106.156 3.024C193.434 285.446 172.057 180.966 155 78.187z"
/>
<path
fill="url(#m)"
d="M155 78.187a6262.877 6262.877 0 0 0-1.697 279.648c15.252.357 30.504.635 45.756.833-.841-93.979-.527-187.957.941-281.936-15 .347-30 .831-45 1.455z"
/>
<path
fill="url(#n)"
d="M357.413 93.383c-.224-8.385-7.135-15.477-15.413-15.773-10-.354-20-.646-30-.877l-14.832 15.046A11300.996 11300.996 0 0 1 282 76.227a2428.609 2428.609 0 0 0-82 .506c-8.275.194-15.131 7.24-15.29 15.679a9011.727 9011.727 0 0 0-.903 266.032c58.296.96 116.594.757 174.89-.608a6260.8 6260.8 0 0 0-1.284-264.453z"
/>
<path
fill="url(#o)"
d="M327.903 130.627c-.06-4.219-3.507-7.717-7.693-7.798a3340.06 3340.06 0 0 0-128.42 0c-4.186.081-7.634 3.579-7.693 7.798a8903.978 8903.978 0 0 0-.373 30.573c48.185-.733 96.369-.733 144.553 0a9165.87 9165.87 0 0 0-.374-30.573z"
/>
<path
fill="url(#p)"
d="M183.723 161.2a8988.257 8988.257 0 0 0-.366 45.859c-.024 4.22 3.399 7.618 7.639 7.595 43.336-.255 86.671-.255 130.006 0 4.241.024 7.663-3.375 7.639-7.595a8988.257 8988.257 0 0 0-.366-45.859c-.047-4.22-3.499-7.699-7.71-7.762a4383.936 4383.936 0 0 0-129.134 0c-4.209.062-7.664 3.542-7.708 7.762z"
/>
<path
fill="url(#q)"
d="M183.646 343.158c-9.919-.139-19.839-.306-29.759-.502-25.685-.434-46.749 19.531-45.488 44.651 1.232 24.396 22.11 45.432 46.601 46.506 20 .832 40 1.416 60 1.754-10.351-30.859-20.868-61.695-31.354-92.409z"
/>
<path
fill="url(#r)"
d="M342.672 403.901a5107.575 5107.575 0 0 1-22.462-14.73c7.651-5.247 15.322-10.504 23.009-15.76 8.396-.198 15.339-7.19 15.478-15.576.141-8.386-6.613-15.052-15.057-14.914-53.331.903-106.663.982-159.994.236.197 20.382.463 40.763.799 61.145.302 16.865 14.013 30.974 30.555 31.264 22.334.377 44.667.446 67 .207 5.037-5.175 10.094-10.36 15.168-15.552L312 435.267c10-.231 20-.523 30-.877 8.277-.298 15.19-7.387 15.413-15.773.224-8.387-6.388-14.953-14.741-14.716z"
/>
<path
fill="url(#s)"
d="M153.568 373.031c-8.393-.221-15.073 6.356-14.865 14.697.207 8.341 7.178 15.403 15.507 15.694 10.078.345 20.156.638 30.235.88 4.954-5.045 9.931-10.115 14.927-15.207a9689.742 9689.742 0 0 0-15.378-15.365 3766.172 3766.172 0 0 1-30.426-.699z"
/>
<path
fill="url(#t)"
d="M342.672 403.901c.203-10.163.385-20.327.546-30.49a3795.172 3795.172 0 0 1-159.225.319c.133 10.191.284 20.382.451 30.573a2976.788 2976.788 0 0 0 158.228-.402z"
/>
<path
fill="url(#u)"
d="M153.568 373.031c-8.393-.221-15.073 6.356-14.865 14.697.207 8.341 7.178 15.403 15.507 15.694a2976.97 2976.97 0 0 0 188.462.479c.203-10.163.385-20.327.546-30.49a3797.02 3797.02 0 0 1-189.65-.38z"
/>
<path
fill="url(#v)"
d="M282.496 343.595c-.109 30.726-.273 61.453-.496 92.179 10-.107 20-.276 30-.506.479-30.64.834-61.279 1.068-91.919-5.056-5.05-10.126-10.118-15.208-15.199a15932.812 15932.812 0 0 0-15.364 15.445z"
/>
<path
fill="url(#w)"
d="M312 76.733c-10-.231-20-.399-30-.506.645 89.123.81 178.246.496 267.369 10.191-.052 20.381-.134 30.572-.247.676-88.872.32-177.744-1.068-266.616z"
/>
</svg>
More icons in the same style and category