Add icons to this collection by clicking the heart icon.
Pencil icon - also known as mouse, pencil, pen, ruler, and networking. Created in a clean lineal color style with a black, red, 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 496 496"
>
<path d="M48 0h32v496H48z" fill="#e83c3c" />
<path d="M0 0h48v496H0z" fill="#ff5f5c" />
<path
d="M0 16h16v16H0zM0 48h16v16H0zM0 80h16v16H0zM0 112h16v16H0zM0 144h16v16H0zM0 176h16v16H0zM0 208h16v16H0zM0 240h16v16H0zM0 272h16v16H0zM0 304h16v16H0zM0 336h16v16H0zM0 368h16v16H0zM0 400h16v16H0zM0 432h16v16H0zM0 464h16v16H0z"
fill="#34303d"
/>
<path d="m152 400-32 32V56h32z" fill="#ffde8a" />
<path d="m152 400 32 32V56h-32z" fill="#ffc252" />
<path
d="M112 56h16v376h-16zM176 56h16v376h-16zM144 56h16v344h-16z"
fill="#34303d"
/>
<path
d="M152 496a7.99 7.99 0 0 1-6.944-4.032l-32-56a7.99 7.99 0 0 1 1.288-9.624l32-32a7.991 7.991 0 0 1 11.312 0l32 32a7.992 7.992 0 0 1 1.288 9.624l-32 56A7.99 7.99 0 0 1 152 496zm-22.024-62.664L152 471.872l22.024-38.536L152 411.312l-22.024 22.024zM192 64h-80V24c0-6.408 2.496-12.44 7.032-16.968C123.56 2.496 129.592 0 136 0h32c6.408 0 12.44 2.496 16.968 7.032C189.504 11.56 192 17.592 192 24v40zm-64-16h48V24c0-2.136-.832-4.144-2.344-5.656S170.136 16 168 16h-32c-2.136 0-4.144.832-5.656 2.344S128 21.864 128 24v24z"
fill="#34303d"
/>
<path d="M408 72h48v384h-48z" fill="#ffc252" />
<path
d="M464 464h-64V70.464L418.584 24h26.832L464 70.464V464zm-48-16h32V73.536L434.584 40h-5.168L416 73.536V448z"
fill="#34303d"
/>
<path
d="M424 0h16v32h-16zM440 496h-16c-4.272 0-8.288-1.664-11.312-4.688S408 484.272 408 480v-32h48v32c0 4.272-1.664 8.288-4.688 11.312S444.272 496 440 496zm-16-32v16h16v-16h-16zM408 96h48v16h-48zM408 128h48v16h-48zM472 432h-64v-16h64c2.136 0 4.144-.832 5.656-2.344S480 410.136 480 408V256h16v152c0 6.408-2.504 12.44-7.032 16.968S478.408 432 472 432zM328 496h-64c-22.056 0-40-17.944-40-40V296c0-22.056 17.944-40 40-40h64c22.056 0 40 17.944 40 40v160c0 22.056-17.944 40-40 40zm-64-224c-13.232 0-24 10.768-24 24v160c0 13.232 10.768 24 24 24h64c13.232 0 24-10.768 24-24V296c0-13.232-10.768-24-24-24h-64z"
fill="#34303d"
/>
<path
d="M232 320h128v16H232zM288 288h16v16h-16zM304 264h-16v-16a7.952 7.952 0 0 0-2.352-5.664A7.925 7.925 0 0 0 280 240h-32c-6.408 0-12.44-2.496-16.968-7.032C226.496 228.44 224 222.408 224 216s2.496-12.44 7.032-16.968C235.56 194.496 241.592 192 248 192h96a7.925 7.925 0 0 0 5.648-2.336A7.952 7.952 0 0 0 352 184v-16h16v16c0 6.4-2.496 12.432-7.024 16.968S350.416 208 344 208h-96c-2.136 0-4.144.832-5.656 2.344S240 213.864 240 216s.832 4.144 2.344 5.656S245.864 224 248 224h32c6.416 0 12.448 2.504 16.976 7.032S304 241.6 304 248v16zM352 128h16v16h-16zM336 144h-16v-16h16v16zm-32 0h-16v-16h16v16zm-32 0h-16v-16h16v16zM224 128h16v16h-16zM240 112h-16V96h16v16zm0-32h-16V64h16v16zm0-32h-16V32h16v16zM224 0h16v16h-16zM336 16h-16V0h16v16zm-32 0h-16V0h16v16zm-32 0h-16V0h16v16zM352 0h16v16h-16zM368 112h-16V96h16v16zm0-32h-16V64h16v16zm0-32h-16V32h16v16z"
fill="#34303d"
/>
<path d="M256 32h80v80h-80z" fill="#ff5f5c" />
</svg>
More icons in the same style and category