Add icons to this collection by clicking the heart icon.
Crayons icon - also known as education, write, draw, pen, colours, crayon, crayons, and art and design. 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="640"
height="640"
viewBox="-56 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ef7ec0" />
<stop offset=".293" stop-color="#eb66ad" />
<stop offset=".909" stop-color="#e2297c" />
<stop offset="1" stop-color="#e11f74" />
</linearGradient>
<linearGradient
id="b"
x1="-64"
x2="422.624"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-64"
x2="422.624"
y1="272"
y2="272"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-64"
x2="422.624"
y1="152.008"
y2="152.008"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-64"
x2="422.624"
y1="392.024"
y2="392.024"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-64"
x2="422.624"
y1="208"
y2="208"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-64"
x2="422.624"
y1="328"
y2="328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-64"
x2="422.624"
y1="88"
y2="88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-64"
x2="422.624"
y1="151.992"
y2="151.992"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-64"
x2="422.624"
y1="391.992"
y2="391.992"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M8 480h96a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8h-2.398L74.137 5.238A8.003 8.003 0 0 0 66.625 0H46a7.998 7.998 0 0 0-7.496 5.191L10.457 80H8a8 8 0 0 0-8 8v384a8 8 0 0 0 8 8zm8-384h80v16H16zm80 32v16H72a8 8 0 0 0 0 16h24v256H16v-16h24a8 8 0 0 0 0-16H16V128zm0 336H16v-32h80zM51.543 16h9.496l23.496 64H27.543zm0 0"
/>
<path
fill="url(#c)"
d="M56 368c13.254 0 24-10.746 24-24V200c0-13.254-10.746-24-24-24s-24 10.746-24 24v144c0 13.254 10.746 24 24 24zm-8-168a8 8 0 0 1 16 0v144a8 8 0 0 1-16 0zm0 0"
/>
<path
fill="url(#d)"
d="M35.512 158.64c.449.301.937.544 1.449.72.453.23.937.394 1.437.48.532.094 1.067.148 1.602.16a7.995 7.995 0 0 0 7.434-4.934 7.996 7.996 0 0 0-1.754-8.746 8.312 8.312 0 0 0-7.282-2.16c-.5.086-.984.25-1.437.48-.512.176-1 .419-1.45.72l-1.19.96A8.374 8.374 0 0 0 32 152a8.228 8.228 0 0 0 2.32 5.68zm0 0"
/>
<path
fill="url(#e)"
d="M77.68 386.32a8.133 8.133 0 0 0-8.72-1.68 8.262 8.262 0 0 0-2.64 1.68 8.112 8.112 0 0 0 0 11.36 8.262 8.262 0 0 0 2.64 1.68c.962.41 1.993.628 3.04.64a7.897 7.897 0 0 0 5.68-2.32A7.897 7.897 0 0 0 80 392a7.965 7.965 0 0 0-.64-3.04 9.224 9.224 0 0 0-1.68-2.64zm0 0"
/>
<path
fill="url(#b)"
d="M136 400h2.457l28.047 74.809A7.998 7.998 0 0 0 174 480h20.625a8.003 8.003 0 0 0 7.512-5.238L229.602 400H232a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8v384a8 8 0 0 0 8 8zm88-80h-24a8 8 0 0 0 0 16h24v16h-80V96h24a8 8 0 0 0 0-16h-24V64h80zm0 64h-80v-16h80zm-34.96 80h-9.497l-24-64h56.992zM144 16h80v32h-80zm0 0"
/>
<path
fill="url(#f)"
d="M160 136v144c0 13.254 10.746 24 24 24s24-10.746 24-24V136c0-13.254-10.746-24-24-24s-24 10.746-24 24zm16 0a8 8 0 0 1 16 0v144a8 8 0 0 1-16 0zm0 0"
/>
<path
fill="url(#g)"
d="M172.48 321.36c-.445-.301-.93-.544-1.44-.72a4.87 4.87 0 0 0-1.528-.48 7.99 7.99 0 0 0-7.2 2.16 8.112 8.112 0 0 0 0 11.36A8.393 8.393 0 0 0 168 336a9.364 9.364 0 0 0 1.512-.16 4.87 4.87 0 0 0 1.527-.48 6.138 6.138 0 0 0 1.441-.72c.418-.296.817-.617 1.2-.96l.96-1.2c.301-.449.54-.933.72-1.44.234-.45.39-.938.472-1.438.098-.532.156-1.067.168-1.602a8.418 8.418 0 0 0-2.32-5.68zm0 0"
/>
<path
fill="url(#h)"
d="M194.32 93.68A8.41 8.41 0 0 0 200 96c.535-.016 1.07-.066 1.602-.16.5-.09.984-.25 1.437-.48a6.138 6.138 0 0 0 1.441-.72l1.2-.96a9.224 9.224 0 0 0 1.68-2.64c.41-.962.628-1.993.64-3.04a8.418 8.418 0 0 0-2.32-5.68l-1.2-.96c-.445-.301-.93-.544-1.44-.72a5.194 5.194 0 0 0-1.438-.48 8.152 8.152 0 0 0-7.282 2.16A8.228 8.228 0 0 0 192 88a6.69 6.69 0 0 0 .64 3.04 9.224 9.224 0 0 0 1.68 2.64zm0 0"
/>
<path
fill="url(#b)"
d="M264 480h96a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8h-2.398L330.137 5.238A8.003 8.003 0 0 0 322.625 0H302a7.998 7.998 0 0 0-7.496 5.191L266.457 80H264a8 8 0 0 0-8 8v384a8 8 0 0 0 8 8zm8-384h80v16h-80zm80 32v16h-24a8 8 0 0 0 0 16h24v256h-80v-16h24a8 8 0 0 0 0-16h-24V128zm0 336h-80v-32h80zM307.543 16h9.496l23.496 64h-56.992zm0 0"
/>
<path
fill="url(#c)"
d="M312 368c13.254 0 24-10.746 24-24V200c0-13.254-10.746-24-24-24s-24 10.746-24 24v144c0 13.254 10.746 24 24 24zm-8-168a8 8 0 0 1 16 0v144a8 8 0 0 1-16 0zm0 0"
/>
<path
fill="url(#i)"
d="M288.64 155.04c.16.491.403.952.72 1.358.273.461.597.891.96 1.282l1.192.96c.449.301.937.544 1.449.72.453.23.937.394 1.437.48.532.094 1.067.148 1.602.16a9.364 9.364 0 0 0 1.512-.16 4.87 4.87 0 0 0 1.527-.48c.492-.16.953-.403 1.36-.72.472-.32.882-.64 1.28-.96.4-.32.641-.801.962-1.282.312-.41.558-.867.718-1.359.235-.45.391-.937.473-1.437a7.763 7.763 0 0 0 0-3.204 4.783 4.783 0 0 0-.473-1.437 6.454 6.454 0 0 0-.718-1.441l-.961-1.2c-.399-.32-.801-.64-1.282-.96a4.454 4.454 0 0 0-1.359-.72 4.87 4.87 0 0 0-1.527-.48 6.869 6.869 0 0 0-3.114 0c-.5.086-.984.25-1.437.48-.512.176-1 .419-1.45.72l-1.19.96c-.344.38-.665.782-.962 1.2-.3.445-.543.93-.718 1.44-.23.454-.395.938-.48 1.438a8.04 8.04 0 0 0 0 3.204c.085.5.25.984.48 1.437zm0 0"
/>
<path
fill="url(#j)"
d="M333.68 386.32a7.894 7.894 0 0 0-1.282-.96 4.454 4.454 0 0 0-1.359-.72 4.87 4.87 0 0 0-1.527-.48 6.869 6.869 0 0 0-3.114 0c-.5.086-.984.25-1.437.48-.512.176-1 .419-1.45.72-.413.296-.812.617-1.19.96a9.224 9.224 0 0 0-1.68 2.64 7.55 7.55 0 0 0 0 6.08c.386.98.957 1.874 1.68 2.64.378.343.777.664 1.19.96.45.301.938.544 1.45.72.453.23.937.394 1.437.48.532.09 1.067.144 1.602.16a9.364 9.364 0 0 0 1.512-.16 4.87 4.87 0 0 0 1.527-.48c.492-.16.953-.403 1.36-.72.46-.277.886-.597 1.28-.96a8.262 8.262 0 0 0 1.68-2.64 7.518 7.518 0 0 0 0-6.08 9.224 9.224 0 0 0-1.68-2.64zm0 0"
/>
</svg>
More icons in the same style and category