Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, pencil, draw, crayon, and pencil crayon. Created in a clean lineal color style with a white, silver, gray, 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="136" cy="148" r="86" fill="#e5efef" />
<path
fill="#4c241d"
d="M154 218c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.795-4 4s1.793 4 4 4 4-1.795 4-4-1.793-4-4-4z"
/>
<path fill="#b5a19c" d="M54 62h48v140H54z" />
<path
fill="#4c241d"
d="M102 206H54c-2.211 0-4-1.791-4-4V62c0-2.209 1.789-4 4-4h48c2.211 0 4 1.791 4 4v140c0 2.209-1.789 4-4 4zm-44-8h40V66H58z"
/>
<path fill="#6b4f5b" d="M90.354 228.544H65.647L78 254z" />
<path
fill="#4c241d"
d="M78 258a3.999 3.999 0 0 1-3.598-2.254L62.05 230.291a3.998 3.998 0 0 1 3.598-5.746h24.707a4 4 0 0 1 3.598 5.746l-12.355 25.455A3.999 3.999 0 0 1 78 258zm-5.965-25.455L78 244.838l5.969-12.293z"
/>
<path fill="#bf7e68" d="M90.354 228.544 102 202H54l11.647 26.544z" />
<path
fill="#4c241d"
d="M90.352 232.545H65.649a4.006 4.006 0 0 1-3.664-2.393l-11.648-26.545A4.002 4.002 0 0 1 54 198h48a3.999 3.999 0 0 1 3.664 5.607l-11.648 26.545a4.008 4.008 0 0 1-3.664 2.393zm-22.09-8h19.477L95.875 206h-35.75z"
/>
<path
fill="#fff"
d="M92.75 46H63.251A9.251 9.251 0 0 0 54 55.251V62h48v-6.749A9.25 9.25 0 0 0 92.75 46z"
/>
<path
fill="#4c241d"
d="M102 66H54c-2.211 0-4-1.791-4-4v-6.75C50 47.943 55.945 42 63.25 42h29.5c7.305 0 13.25 5.943 13.25 13.25V62c0 2.209-1.789 4-4 4zm-44-8h40v-2.75A5.256 5.256 0 0 0 92.75 50h-29.5A5.256 5.256 0 0 0 58 55.25zM70 206c-2.211 0-4-1.791-4-4v-68c0-2.209 1.789-4 4-4s4 1.791 4 4v68c0 2.209-1.789 4-4 4zM86 138c-2.211 0-4-1.791-4-4v-24c0-2.209 1.789-4 4-4s4 1.791 4 4v24c0 2.209-1.789 4-4 4z"
/>
<path
fill="#4c241d"
d="M86 94c-2.211 0-4-1.791-4-4V62c0-2.209 1.789-4 4-4s4 1.791 4 4v28c0 2.209-1.789 4-4 4zM134 258H78c-2.211 0-4-1.791-4-4s1.789-4 4-4h56c2.211 0 4 1.791 4 4s-1.789 4-4 4zM178 258h-24c-2.211 0-4-1.791-4-4s1.789-4 4-4h24c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
<path fill="#fff" d="M138 70v29.917L120 108l18 8.083V142h108V70z" />
<path
fill="#4c241d"
d="M246 146H138c-2.211 0-4-1.791-4-4v-23.33l-15.637-7.021a4 4 0 0 1 0-7.297L134 97.33V70c0-2.209 1.789-4 4-4h108c2.211 0 4 1.791 4 4v72c0 2.209-1.789 4-4 4zm-104-8h100V74H142v25.918a3.998 3.998 0 0 1-2.363 3.648L129.766 108l9.871 4.434a3.997 3.997 0 0 1 2.363 3.648zm-4-38.082h.039z"
/>
<g fill="#4c241d">
<circle cx="206" cy="194" r="4" />
<path
d="M175.656 175.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="M164.344 175.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.172zM222.731 130H202c-2.211 0-4-1.791-4-4v-20c0-2.209 1.789-4 4-4h20.73c6.215 0 11.27 5.055 11.27 11.27v5.461c0 6.214-5.055 11.269-11.269 11.269zM206 122h16.73a3.273 3.273 0 0 0 3.27-3.27v-5.461a3.273 3.273 0 0 0-3.27-3.27H206zM178.731 130h-14.762c-5.496 0-9.969-4.473-9.969-9.971V106c0-2.209 1.789-4 4-4h20.73c6.215 0 11.27 5.055 11.27 11.27v5.461c0 6.214-5.055 11.269-11.269 11.269zM162 110v10.029c0 1.086.883 1.971 1.969 1.971h14.762a3.273 3.273 0 0 0 3.27-3.27v-5.461a3.273 3.273 0 0 0-3.27-3.27H162z"
/>
<path
d="M218.731 110H202c-2.211 0-4-1.791-4-4V86c0-2.209 1.789-4 4-4h16.73c6.215 0 11.27 5.055 11.27 11.27v5.461c0 6.214-5.055 11.269-11.269 11.269zM206 102h12.73a3.273 3.273 0 0 0 3.27-3.27v-5.46a3.273 3.273 0 0 0-3.27-3.27H206zM158 110c-2.211 0-4-1.791-4-4V93.525C154 87.17 159.172 82 165.527 82H178c2.211 0 4 1.791 4 4s-1.789 4-4 4h-12.473A3.53 3.53 0 0 0 162 93.525V106c0 2.209-1.789 4-4 4z"
/>
</g>
</svg>
More icons in the same style and category