Add icons to this collection by clicking the heart icon.
Crayon icon - also known as art, education, write, crayon, school material, stationery, kindergarten, pencil crayon, kid and baby, and color pencil. Created in a clean lineal color 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="b"
x1="152"
x2="360"
y1="376"
y2="168"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#d7cdea" />
<stop offset="1" stop-color="#ebe6f4" />
</linearGradient>
<linearGradient
id="a"
x1="222"
x2="290"
y1="118"
y2="50"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#9c83c9" />
<stop offset="1" stop-color="#c3b5df" />
</linearGradient>
<linearGradient
id="c"
x1="218.343"
x2="293.657"
y1="496.971"
y2="421.657"
href="#a"
/>
<linearGradient
id="d"
x1="322"
x2="510"
y1="450"
y2="262"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#fdcec6" />
<stop offset="1" stop-color="#fee7e2" />
</linearGradient>
<linearGradient
id="e"
x1="382"
x2="450"
y1="222"
y2="154"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#fb9d8d" />
<stop offset="1" stop-color="#fdcec6" />
</linearGradient>
<linearGradient
id="f"
x1="2"
x2="190"
y1="450"
y2="262"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#c4f2e3" />
<stop offset="1" stop-color="#e2f8f1" />
</linearGradient>
<linearGradient
id="g"
x1="62"
x2="130"
y1="222"
y2="154"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#8ae4c8" />
<stop offset="1" stop-color="#a7ebd6" />
</linearGradient>
<g>
<g>
<path fill="url(#b)" d="M208 112h96v320h-96z" />
<path fill="url(#a)" d="m216 112 40-96 40 96z" />
<path
fill="url(#c)"
d="M208 432h96v48a16 16 0 0 1-16 16h-64a16 16 0 0 1-16-16v-48z"
/>
<path fill="url(#d)" d="M368 216h96v280h-96z" />
<path fill="url(#e)" d="m376 216 40-96 40 96z" />
<path fill="url(#f)" d="M48 216h96v280H48z" />
<path fill="url(#g)" d="m56 216 40-96 40 96z" />
<path
d="m304 100-36.923-88.615a12 12 0 0 0-22.154 0L208 100a12 12 0 0 0-12 12v368a28.032 28.032 0 0 0 28 28h64a28.032 28.032 0 0 0 28-28V112a12 12 0 0 0-12-12zm-48-52.8 22 52.8h-44zM292 480a4 4 0 0 1-4 4h-64a4 4 0 0 1-4-4v-36h72zm0-60h-72v-24h72zm0-48h-72V172h72zm-72-224v-24h72v24zM464 204l-36.923-88.615a12 12 0 0 0-22.154 0L368 204a12 12 0 0 0-12 12v280a12 12 0 0 0 24 0V276h72v220a12 12 0 0 0 24 0V216a12 12 0 0 0-12-12zm-48-52.8 22 52.8h-44zM380 252v-24h72v24zM144 204l-36.923-88.615a12 12 0 0 0-22.154 0L48 204a12 12 0 0 0-12 12v280a12 12 0 0 0 24 0V276h72v220a12 12 0 0 0 24 0V216a12 12 0 0 0-12-12zm-48-52.8 22 52.8H74zM60 252v-24h72v24z"
/>
</g>
</g>
</svg>
More icons in the same style and category