Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, study, school, pencil, and supply. Created in a clean flat 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 24 24"
>
<defs>
<linearGradient
id="a"
x1="20.715"
x2="7.396"
y1="22.596"
y2="9.277"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#629ad3" />
<stop offset="1" stop-color="#79aed4" />
</linearGradient>
<linearGradient
id="b"
x1="11.706"
x2="5.878"
y1="16.623"
y2="10.794"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eb595a" />
<stop offset="1" stop-color="#f18875" />
</linearGradient>
</defs>
<g>
<path
d="M3 23.5a2.25 2.25 0 0 1-.416-4.461 3.576 3.576 0 0 1-.54-2.548l.541-3.821a2.624 2.624 0 0 1 .7-1.4L11.6 2.952l.537-.537A5.663 5.663 0 0 1 16.111.5a5.663 5.663 0 0 1 3.975 1.916 5.593 5.593 0 0 1 1.914 4 5.563 5.563 0 0 1-1.917 3.953l-1.195 1.2a1.609 1.609 0 0 1-.129.119L11.45 19H21a2.25 2.25 0 0 1 0 4.5Z"
fill="#fff"
/>
<path
d="M21.75 21.25A.75.75 0 0 1 21 22H3a.75.75 0 0 1 0-1.5h18a.75.75 0 0 1 .75.75Zm-4.338-10.63a.459.459 0 0 0 .122.016.407.407 0 0 0 .289-.12l1.2-1.212A4.157 4.157 0 0 0 20.5 6.412a4.2 4.2 0 0 0-1.475-2.936c-1.944-1.945-3.836-1.991-5.829 0L11.983 4.69a.4.4 0 0 0-.1.4 8.123 8.123 0 0 0 5.529 5.53Z"
fill="url(#a)"
/>
<path
d="M5.426 19a2.32 2.32 0 0 0 .359-.027l3.835-.542a1.146 1.146 0 0 0 .555-.277l6.281-6.282c-2.456-.71-5.393-3.4-5.828-5.828l-6.281 6.282a1.146 1.146 0 0 0-.277.555l-.542 3.831a2.01 2.01 0 0 0 .514 1.747A1.931 1.931 0 0 0 5.426 19Z"
fill="url(#b)"
/>
</g>
</svg>
More icons in the same style and category