Add icons to this collection by clicking the heart icon.
Crayons icon - also known as education, write, draw, pen, crayon, Tools and utensils, miscellaneous, crayons, and edit tools. Created in a clean gradient style with a gray and pink finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdd7d" />
<stop offset="1" stop-color="#ff8945" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="184.678"
x2="119.918"
y1="412.322"
y2="347.572"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7daf93" />
<stop offset="1" stop-color="#006941" />
</linearGradient>
<path
d="M156.712 103.743c-9.096-4.913-20.55-3.239-27.857 4.068-7.311 7.311-8.985 18.765-4.046 27.902l26.761 48.751 53.934-53.934-48.792-26.787z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="374.343"
x2="309.593"
y1="222.657"
y2="157.897"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7daf93" />
<stop offset="1" stop-color="#006941" />
</linearGradient>
<path
d="m367.799 286.783-41.092 18.88-18.88 41.092 22.212 22.212 59.972-59.972z"
fill="url(#c)"
/>
<path
d="m345.587 264.572-44.457 15.514-15.515 44.457 22.212 22.212 59.972-59.972zM223.596 142.581l-22.212-22.212-59.972 59.972 22.212 22.211 41.092-18.88z"
fill="#7daf93"
/>
<linearGradient
id="d"
x1="285.581"
x2="220.831"
y1="311.419"
y2="246.659"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#51946f" />
<stop offset="1" stop-color="#00492c" />
</linearGradient>
<path
d="m285.97 204.954-62.374-62.373-59.972 59.971 62.374 62.374 59.617 59.617 59.972-59.971z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="329.99"
x2="387.56"
y1="409.66"
y2="352.09"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="M383.144 107.81c-7.311-7.311-18.765-8.985-27.902-4.046l-48.751 26.761 26.969 26.969 26.965 26.965 26.788-48.792c4.912-9.095 3.238-20.549-4.069-27.857z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="140.321"
x2="197.891"
y1="219.991"
y2="162.421"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="m182.29 308.664 3.002-3.002-6.421-2.95-4.685-8.156-2.441 4.882-27.545-12.656-22.212 22.212 29.986 29.986 29.986 29.986 22.212-22.212z"
fill="url(#f)"
/>
<path
d="m208.914 282.04 4.635-4.635-7.365-2.005-3.741-9.101-3.926 7.013-32.105-8.742-22.212 22.212 29.986 29.986 29.986 29.986 22.212-22.212zM370.587 180.339l-29.986-29.986-29.986-29.986-22.212 22.212 12.656 27.545-4.882 2.441 8.156 4.685 2.95 6.421 3.001-3.002 38.091 21.882z"
fill="#e6dadc"
/>
<linearGradient
id="g"
x1="229.082"
x2="286.651"
y1="308.752"
y2="251.181"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff94cc" />
<stop offset="1" stop-color="#ff39a1" />
</linearGradient>
<path
d="m318.389 172.565-29.986-29.986L166.412 264.57l29.986 29.986 29.986 29.986 121.991-121.991z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category