Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, draw, edit, writing, and edit tools. Created in a clean flat style with a white, silver, gray, black, teal, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#f2cf61" />
<path
d="M-208.184-49.849h26.264v196.96h-26.264z"
transform="rotate(-134.999 55.906 62.392)"
fill="#395f73"
/>
<path
d="M-208.184-49.849h26.264v196.96h-26.264z"
transform="rotate(-134.999 55.906 62.392)"
fill="#52ccb3"
/>
<path
d="M229.009 169.693h26.264v196.958h-26.264z"
transform="rotate(45.001 242.145 268.171)"
fill="#4ab8a1"
/>
<path
d="M247.615 188.241h26.264v196.958h-26.264z"
transform="rotate(44.992 260.752 286.718)"
fill="#43a691"
/>
<path
d="M282.859 173.293h78.787v29.548h-78.787z"
transform="rotate(45.001 322.257 188.064)"
fill="#f5f5f5"
/>
<path
d="M281.783 185.885h78.787v6.564h-78.787z"
transform="rotate(45.001 321.18 189.164)"
fill="#ccc"
/>
<path
d="M376.828 133.512c-15.384-15.38-40.328-15.38-55.72 0l-16.248 16.252 55.716 55.712 16.252-16.252c15.384-15.38 15.384-40.324 0-55.712z"
fill="#e78244"
/>
<path
d="M376.828 133.512c-1.584-1.584-3.292-2.968-5.064-4.224 10.952 15.384 9.576 36.856-4.228 50.648l-16.252 16.252 9.288 9.28 16.252-16.248c15.388-15.376 15.388-40.32.004-55.708z"
fill="#d97a40"
/>
<path
d="M200.408 347.084c-5.124-5.128-13.44-5.128-18.576 0 5.128-5.128 5.128-13.444 0-18.58s-13.44-5.132-18.576 0c5.132-5.132 5.132-13.436 0-18.572-5.12-5.128-13.436-5.128-18.572 0l-23.704 71.104c-2.284 6.856 1.452 10.588 8.304 8.308l71.116-23.696c5.132-5.128 5.132-13.444.008-18.564z"
fill="#fff5e6"
/>
<path
d="M142.368 367.972c-4.1-4.108-9.236-6.544-14.572-7.364l-6.808 20.432c-2.284 6.856 1.448 10.588 8.304 8.308l20.432-6.816c-.816-5.32-3.248-10.452-7.356-14.56z"
fill="#242424"
/>
<path
d="M228.631 169.67h78.797v196.972h-78.797z"
transform="rotate(-45.004 268.013 268.14)"
fill="#354d59"
/>
<path
d="M158.347 173.244h59.091v29.548h-59.091z"
transform="rotate(-45.001 187.891 188.021)"
fill="#e6e6e6"
/>
<path
d="M200.4 155.881h9.848v29.544H200.4z"
transform="rotate(-45.001 205.323 170.656)"
fill="#ccc"
/>
<path
d="M133.352 133.512c-15.384 15.388-15.384 40.332 0 55.716l16.252 16.252 55.716-55.712-16.252-16.252c-15.388-15.384-40.332-15.384-55.716-.004z"
fill="#e16b5a"
/>
<path
d="M133.352 133.512c-1.584 1.584-2.968 3.296-4.228 5.06 15.384-10.944 36.856-9.572 50.648 4.232l16.252 16.252 9.284-9.288-16.252-16.252c-15.376-15.384-40.32-15.384-55.704-.004z"
fill="#cc6152"
/>
<path
d="M192.734 238.374h196.958v13.128H192.734z"
transform="rotate(-134.999 291.214 244.94)"
fill="#263740"
/>
<path
d="m261.024 182.256-2.32 2.328-9.28 9.276 11.6 11.604 4.644-4.64 41.784 41.78c2.552 2.56 6.732 2.56 9.28 0l2.32-2.316c2.556-2.552 2.556-6.732 0-9.284l-46.424-46.42-2.32-2.328c-2.552-2.544-6.728-2.544-9.284 0z"
fill="#263740"
/>
<path
d="M297.045 334.996h78.787v3.288h-78.787z"
transform="rotate(-45.001 336.436 336.645)"
fill="#c2e2f2"
/>
<path
d="M164.734 202.683h78.787v3.28h-78.787z"
transform="rotate(-45.001 204.127 204.326)"
fill="#c2e2f2"
/>
<path
d="m389.192 381.048-23.704-71.108-55.716 55.72 71.108 23.704c6.856 2.272 10.592-1.464 8.312-8.316z"
fill="#263740"
/>
</svg>
More icons in the same style and category