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, gray, maroon, and orange 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.793-4 4s1.793 4 4 4 4-1.793 4-4-1.793-4-4-4z"
/>
<path fill="#ffce56" d="M54 62h48v140H54z" />
<path
fill="#4c241d"
d="M102 206H54c-2.211 0-4-1.789-4-4V62c0-2.211 1.789-4 4-4h48c2.211 0 4 1.789 4 4v140c0 2.211-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.289a4.006 4.006 0 0 1 .207-3.871 4.005 4.005 0 0 1 3.391-1.875h24.707a4.001 4.001 0 0 1 3.598 5.746l-12.355 25.457A3.999 3.999 0 0 1 78 258zm-5.965-25.457L78 244.836l5.969-12.293z"
/>
<path fill="#bf7e68" d="M90.354 228.544 102 202H54l11.647 26.544z" />
<path
fill="#4c241d"
d="M90.352 232.543H65.649a4.006 4.006 0 0 1-3.664-2.391l-11.648-26.543A4.005 4.005 0 0 1 54 198h48a4.004 4.004 0 0 1 3.664 5.609l-11.648 26.543a4.006 4.006 0 0 1-3.664 2.391zm-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.789-4-4v-6.75C50 47.945 55.945 42 63.25 42h29.5c7.305 0 13.25 5.945 13.25 13.25V62c0 2.211-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.789-4-4v-68c0-2.211 1.789-4 4-4s4 1.789 4 4v68c0 2.211-1.789 4-4 4zM86 138c-2.211 0-4-1.789-4-4v-24c0-2.211 1.789-4 4-4s4 1.789 4 4v24c0 2.211-1.789 4-4 4z"
/>
<path
fill="#4c241d"
d="M86 94c-2.211 0-4-1.789-4-4V62c0-2.211 1.789-4 4-4s4 1.789 4 4v28c0 2.211-1.789 4-4 4zM134 258H78c-2.211 0-4-1.789-4-4s1.789-4 4-4h56c2.211 0 4 1.789 4 4s-1.789 4-4 4zM178 258h-24c-2.211 0-4-1.789-4-4s1.789-4 4-4h24c2.211 0 4 1.789 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.789-4-4v-23.328l-15.637-7.023a4 4 0 0 1 0-7.297L134 97.328V70c0-2.211 1.789-4 4-4h108c2.211 0 4 1.789 4 4v72c0 2.211-1.789 4-4 4zm-104-8h100V74H142v25.918a4 4 0 0 1-2.363 3.648L129.766 108l9.871 4.434a4 4 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.172zM198 130c-2.211 0-4-1.789-4-4V86c0-2.211 1.789-4 4-4s4 1.789 4 4v40c0 2.211-1.789 4-4 4z"
/>
<path d="M198 102h28v8h-28z" />
<path
d="M226 130c-2.211 0-4-1.789-4-4V86c0-2.211 1.789-4 4-4s4 1.789 4 4v40c0 2.211-1.789 4-4 4zM178.731 130H162c-2.211 0-4-1.789-4-4s1.789-4 4-4h16.73a3.271 3.271 0 0 0 3.27-3.27v-5.461a3.271 3.271 0 0 0-3.27-3.27H162c-2.211 0-4-1.789-4-4s1.789-4 4-4h16.73c6.215 0 11.27 5.055 11.27 11.27v5.461c0 6.215-5.055 11.27-11.269 11.27z"
/>
<path
d="M178.731 110H162c-2.211 0-4-1.789-4-4s1.789-4 4-4h16.73a3.271 3.271 0 0 0 3.27-3.27v-5.46a3.271 3.271 0 0 0-3.27-3.27H162c-2.211 0-4-1.789-4-4s1.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.269z"
/>
</g>
</svg>
More icons in the same style and category