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, gray, black, teal, navy, 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-21.213 21.213-136.119-146.724 79.55 5.303L0-42.426C11.715-30.711 11.716-11.716 0 0"
transform="translate(495.713 463.894)"
fill="#2d3e53"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10.606 10.606c-11.716 11.716-30.711 11.716-42.427 0l-77.781-77.781 10.606-95.46L0-42.427C11.716-30.711 11.716-11.716 0 0"
transform="translate(474.5 485.107)"
fill="#435d7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 106.066-21.213 31.82 31.82-21.213 21.213z"
transform="translate(280.045 333.079)"
fill="#bfebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.033 53.033-31.82-31.82 10.607-95.459z"
transform="translate(396.718 364.898)"
fill="#fff"
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.607L-5.303-79.55z"
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 21.213-21.213 256.636 256.636-21.213 21.213-170.744-85.891Z"
transform="translate(108.263 76.443)"
fill="#077ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 256.636 256.636-53.033 53.033L-53.033 53.033Z"
transform="translate(108.263 76.443)"
fill="#09a1e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-53.033 53.033"
transform="translate(417.932 343.685)"
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(386.112 311.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-31.82 31.82c-11.716 11.716-30.711 11.715-42.427 0l-366.237-366.237-47.729-121.977 121.976 47.73L0-42.426C11.715-30.711 11.715-11.716 0 0Z"
transform="translate(495.713 463.894)"
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.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-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"
/>
</g>
</svg>
More icons in the same style and category