Add icons to this collection by clicking the heart icon.
Pencil icon - also known as art, education, write, pencil, draw, pen, and design. Created in a clean lineal color style with a white, silver, and maroon 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="512"
height="512"
viewBox="0 0 300 300"
>
<circle cx="160" cy="138" r="86" fill="#e5efef" />
<g fill="#4c241d">
<path
d="M222 100c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.205 0-4 1.793-4 4s1.795 4 4 4 4-1.793 4-4-1.795-4-4-4z"
/>
<circle cx="226" cy="140" r="4" />
<path
d="M223.656 197.656a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M212.344 197.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172zM194 264H94c-2.209 0-4-1.789-4-4s1.791-4 4-4h100c2.209 0 4 1.789 4 4s-1.791 4-4 4zM238 264h-24c-2.209 0-4-1.789-4-4s1.791-4 4-4h24c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
</g>
<path fill="#b5a19c" d="m138 228 4 16 8 16 8-16 4-16z" />
<path
fill="#4c241d"
d="M150 264c-1.516 0-2.9-.855-3.578-2.211l-8-16a3.977 3.977 0 0 1-.303-.82l-4-16a3.995 3.995 0 0 1 .729-3.43A3.992 3.992 0 0 1 138 224h24a3.99 3.99 0 0 1 3.152 1.539 3.997 3.997 0 0 1 .729 3.43l-4 16a3.9 3.9 0 0 1-.303.82l-8 16A3.998 3.998 0 0 1 150 264zm-4.227-21.395 4.227 8.449 4.227-8.449 2.65-10.605h-13.754z"
/>
<path fill="#9dc1e4" d="M134 204h32v24h-32z" />
<path
fill="#4c241d"
d="M166 232h-32c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h32c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zm-28-8h24v-16h-24z"
/>
<path
fill="#c1dbdc"
d="M165.401 204h-30.802a4.599 4.599 0 0 1-4.599-4.599V168h40v31.401a4.599 4.599 0 0 1-4.599 4.599z"
/>
<path
fill="#4c241d"
d="M165.4 208h-30.8c-4.742 0-8.6-3.855-8.6-8.598V168c0-2.211 1.791-4 4-4h40c2.209 0 4 1.789 4 4v31.402c0 4.743-3.857 8.598-8.6 8.598zM134 172v27.402c0 .328.27.598.6.598h30.8c.33 0 .6-.27.6-.598V172z"
/>
<path fill="#c1dbdc" d="M174 168h-48l-4-28h56z" />
<path
fill="#4c241d"
d="M174 172h-48a4 4 0 0 1-3.959-3.434l-4-28A3.997 3.997 0 0 1 122 136h56a4 4 0 0 1 3.959 4.567l-4 28A4 4 0 0 1 174 172zm-44.531-8h41.062l2.857-20h-46.777z"
/>
<path
fill="#9dc1e4"
d="M118 40v91.996a8.004 8.004 0 0 0 8.004 8.004h47.992a8.004 8.004 0 0 0 8.004-8.004V40"
/>
<path
fill="#4c241d"
d="M173.996 144h-47.992c-6.619 0-12.004-5.387-12.004-12.004V40c0-2.211 1.791-4 4-4s4 1.789 4 4v91.996a4.01 4.01 0 0 0 4.004 4.004h47.992a4.01 4.01 0 0 0 4.004-4.004V40c0-2.211 1.791-4 4-4s4 1.789 4 4v91.996c0 6.617-5.385 12.004-12.004 12.004zM74 104c-2.209 0-4-1.789-4-4v-8c0-2.211 1.791-4 4-4s4 1.789 4 4v8c0 2.211-1.791 4-4 4zM74 128c-2.209 0-4-1.789-4-4v-8c0-2.211 1.791-4 4-4s4 1.789 4 4v8c0 2.211-1.791 4-4 4zM66 112h-8c-2.209 0-4-1.789-4-4s1.791-4 4-4h8c2.209 0 4 1.789 4 4s-1.791 4-4 4zM90 112h-8c-2.209 0-4-1.789-4-4s1.791-4 4-4h8c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
<path
fill="#4c241d"
d="M130 120c-2.209 0-4-1.789-4-4V92c0-2.211 1.791-4 4-4s4 1.789 4 4v24c0 2.211-1.791 4-4 4z"
/>
</svg>
More icons in the same style and category