Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, draw, edit, writing, and art and design. Created in a clean lineal color style with a white, silver, gray, black, yellow, navy, magenta, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-123.314-123.314 79.549 5.303L0-74.246C20.502-53.744 20.502-20.502 0 0"
transform="translate(489.123 489.123)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.502 20.502-53.744 20.502-74.246 0l-43.765-43.765 10.606-95.46 86.192 86.192C-.71-32.53 8.787-8.787 0 0"
transform="translate(489.123 489.123)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-63.64-63.64 60.988 23.865z"
transform="translate(71.14 71.14)"
fill="#2d3e53"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.865-60.988 50.382 34.472L39.775 2.652Z"
transform="translate(31.365 68.488)"
fill="#435d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-76.898-92.808 10.606-10.607 60.989 23.866z"
transform="translate(134.78 134.78)"
fill="#ffb17b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 26.517 58.336-79.55-5.303-23.865-60.988 26.517-26.516z"
transform="translate(108.263 76.443)"
fill="#ffd19c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 116.672-10.607 21.214 21.213-21.214 21.214Z"
transform="translate(307.472 360.505)"
fill="#a6cfe7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.033 53.033-21.213-21.214V-74.247Z"
transform="translate(424.144 392.325)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 106.066-21.213 31.82 31.819-21.213 21.214z"
transform="translate(286.259 339.292)"
fill="#8db3cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.033 53.033-31.82-31.82 10.606-95.459z"
transform="translate(402.932 371.112)"
fill="#a6cfe7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 116.673-10.606 21.213 21.212-21.213 21.214Z"
transform="translate(254.439 307.472)"
fill="#a6cfe7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.033 53.033-21.213-21.213-.001-106.066Z"
transform="translate(371.112 339.292)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213-21.213 241.636 241.636-21.213 21.213L71.32 170.315Z"
transform="translate(108.263 76.443)"
fill="#ffb24a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 241.636 241.636-53.033 53.033L-53.033 53.033Z"
transform="translate(108.263 76.443)"
fill="#ffd23b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-74.247 74.246"
transform="translate(129.476 55.23)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-53.033 53.033"
transform="translate(392.325 318.079)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-74.246 74.246"
transform="translate(445.358 371.112)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-74.246 74.247"
transform="translate(424.144 349.898)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-74.246 74.246"
transform="translate(371.112 296.866)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.123 37.123"
transform="translate(68.488 31.365)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-20.502 20.502-53.744 20.502-74.246 0l-359.647-359.647-47.73-121.976 121.976 47.73L0-74.246C20.502-53.744 20.502-20.502 0 0Z"
transform="translate(489.123 489.123)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category