Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, draw, edit, writing, Tools and utensils, and ui. Created in a clean circular style with a gray, teal, orange, and pink 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 384 384"
>
<circle cx="192" cy="192" r="192" fill="#efc84a" />
<path
d="m375.044 250.052-74.037-74.037a3.803 3.803 0 0 0-.142-.142l-.072-.072-.026.006c-.634-.56-1.447-.927-2.367-.927h-31.604l-23.512-23.512-.01.012c-.975-.922-2.384-1.303-3.714-.86l-10.4 3.48c-.671-.658-1.428-1.224-2.134-1.846l-24.17-24.17-.002.004a3.7 3.7 0 0 0-2.374-.868h-16.96c-1.76 0-3.28 1.24-3.64 2.96l-2.2 10.72a53.055 53.055 0 0 0-22.84 13.2l-10.4-3.48c-1.68-.56-3.52.16-4.4 1.68l-8.48 14.72c-.88 1.52-.56 3.44.76 4.64l3.76 3.32h-24.44l-19.36 10.48-9.36 5.08a1.773 1.773 0 0 0 0 3.12l177.745 177.745c54.281-20.801 96.713-65.501 114.379-121.253z"
opacity=".1"
/>
<path d="M192.132 197.7h80.52v11.42h-80.52z" fill="#44c4a1" />
<path d="M192.108 186.3h80.52v11.42h-80.52z" fill="#3ea69b" />
<path d="M192.12 174.86h80.52v11.42h-80.52z" fill="#31978c" />
<path d="M272.648 174.86h4.04v34.26h-4.04z" fill="#e56353" />
<path
d="M302 205.539v-7.829h-25.333v11.42h21.742a3.591 3.591 0 0 0 3.591-3.591z"
fill="#64798a"
/>
<path d="M276.68 186.28h25.332v11.42H276.68z" fill="#3a556a" />
<path
d="M302 186.29v-7.828a3.592 3.592 0 0 0-3.591-3.592h-21.742v11.42H302z"
fill="#2f4859"
/>
<path
d="M243.502 205.196c1.078-4.22 1.652-8.641 1.652-13.196s-.574-8.976-1.653-13.196l8.19-7.262a3.712 3.712 0 0 0 .752-4.635l-8.49-14.706a3.714 3.714 0 0 0-4.39-1.666l-10.407 3.47a53.071 53.071 0 0 0-22.83-13.19l-2.198-10.737a3.712 3.712 0 0 0-3.637-2.969h-16.982a3.71 3.71 0 0 0-3.637 2.969l-2.198 10.737a53.08 53.08 0 0 0-22.831 13.19l-10.406-3.47a3.713 3.713 0 0 0-4.39 1.666l-8.49 14.706a3.71 3.71 0 0 0 .753 4.635l8.188 7.262c-1.078 4.22-1.653 8.641-1.653 13.196s.575 8.976 1.654 13.197l-8.19 7.261a3.71 3.71 0 0 0-.753 4.635l8.49 14.706a3.713 3.713 0 0 0 4.39 1.666l10.406-3.47a53.086 53.086 0 0 0 22.831 13.19l2.198 10.737a3.712 3.712 0 0 0 3.637 2.969h16.982a3.71 3.71 0 0 0 3.637-2.969l2.198-10.737a53.081 53.081 0 0 0 22.83-13.19l10.407 3.47a3.714 3.714 0 0 0 4.39-1.666l8.49-14.706a3.712 3.712 0 0 0-.752-4.635l-8.188-7.262zM192 227.033c-19.317 0-35.033-15.716-35.033-35.033s15.716-35.033 35.033-35.033 35.033 15.716 35.033 35.033-15.715 35.033-35.033 35.033z"
fill="#e56353"
/>
<path
d="M192 154.845c-20.487 0-37.155 16.667-37.155 37.155s16.668 37.155 37.155 37.155 37.155-16.667 37.155-37.155-16.668-37.155-37.155-37.155zm0 67.209c-16.572 0-30.054-13.482-30.054-30.054s13.482-30.054 30.054-30.054 30.054 13.482 30.054 30.054-13.482 30.054-30.054 30.054z"
fill="#d15241"
/>
<path d="M111.624 197.7h80.52v11.42h-80.52z" fill="#44c4a1" />
<path d="M111.628 186.3h80.52v11.42h-80.52z" fill="#3ea69b" />
<path d="M111.616 174.86h80.52v11.42h-80.52z" fill="#31978c" />
<path
d="m111.624 174.87-19.348 10.492A9.188 9.188 0 0 1 95.114 192c0 2.611-1.095 4.958-2.838 6.638l19.348 10.492v-34.26z"
fill="#fcd462"
/>
<path
d="M95.114 192a9.186 9.186 0 0 0-2.838-6.638l-9.34 5.065c-1.248.676-1.248 2.468 0 3.146l9.34 5.065c1.743-1.68 2.838-4.026 2.838-6.638z"
fill="#64798a"
/>
</svg>
More icons in the same style and category