Add icons to this collection by clicking the heart icon.
Crayon icon - also known as art, painting, education, school, pencil, learning, crayon, pencil crayons, and pastel. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-4.845"
y2="67.924"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="11" x2="11" y1="-4.845" y2="67.924" href="#a" />
<linearGradient
id="c"
x1="22.5"
x2="22.5"
y1="-4.845"
y2="67.924"
href="#a"
/>
<linearGradient id="d" x1="36" x2="36" y1="-4.845" y2="67.924" href="#a" />
<linearGradient
id="e"
x1="47.5"
x2="47.5"
y1="-4.845"
y2="67.924"
href="#a"
/>
<path
fill="url(#a)"
d="m61.99 17.87-2-15A1 1 0 0 0 59 2H5a1 1 0 0 0-.99.87l-2 15A.57.57 0 0 0 2 18v43a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V18a.57.57 0 0 0-.01-.13zM5.88 4h52.24l1.74 13H55v-6a1 1 0 0 0-.11-.45l-2-4a1.039 1.039 0 0 0-1.78 0L50 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L46 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L42 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L38 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L34 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L30 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L26 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L22 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L18 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0L14 8.76l-1.11-2.21a1.039 1.039 0 0 0-1.78 0l-2 4A1 1 0 0 0 9 11v6H4.14zM51 12v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm-6-2v-.76l1-2 1 2V12zm2 2v8h-2v-8zm47 46H4V19h5v4a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1v-4h5z"
/>
<path
fill="url(#a)"
d="M54 31H10a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V32a1 1 0 0 0-1-1zM13 43h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2zm4 0h-2V33h2z"
/>
<path fill="url(#b)" d="M9 48h4v2H9z" />
<path fill="url(#c)" d="M15 48h15v2H15z" />
<path fill="url(#d)" d="M34 48h4v2h-4z" />
<path fill="url(#e)" d="M40 48h15v2H40z" />
<path fill="url(#b)" d="M9 54h4v2H9z" />
<path fill="url(#c)" d="M15 54h15v2H15z" />
<path fill="url(#d)" d="M34 54h4v2h-4z" />
<path fill="url(#e)" d="M40 54h15v2H40z" />
</svg>
More icons in the same style and category