Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, pencil, ruler, tool, graphic design, measuring, design tool, and edit tools. Created in a clean lineal color style with a white, silver, gray, black, red, 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="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 0c6.47 6.47 6.47 16.96 0 23.43l-82 82c-6.47 6.469-16.96 6.469-23.43 0l-381.865-381.866c-6.47-6.469-6.47-16.96 0-23.429l82-82c6.47-6.47 16.96-6.47 23.43 0z"
transform="translate(499.647 394.218)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-82 82c-6.38 6.38-16.662 6.456-23.15.253.091-.087.19-.163.279-.253l82-82c6.471-6.47 6.471-16.96 0-23.43l-381.864-381.865c-.09-.09-.189-.166-.28-.253 6.489-6.203 16.77-6.127 23.15.253L0-23.43C6.47-16.96 6.47-6.47 0 0"
transform="translate(499.647 417.647)"
fill="#ffb629"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-14.943 14.944a6.001 6.001 0 0 1-8.486 0l-26.657-26.658a5.998 5.998 0 0 1 0-8.485l14.943-14.944a6 6 0 0 1 8.485 0L0-8.485A6 6 0 0 1 0 0"
transform="translate(154.54 92.738)"
fill="#f2fdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 20.6-82.402c1.099-4.395-2.882-8.374-7.276-7.276l-82.402 20.6a6 6 0 0 0-2.787 1.578l-8.941 8.94 70.287 70.288 8.941-8.941A5.995 5.995 0 0 0 0 0"
transform="translate(481.475 99.603)"
fill="#ffbe7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.992 1.992c-.069-.069-.144-.126-.215-.193A16.665 16.665 0 0 1 0 0"
transform="translate(54.769 363.944)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.358 34.95c-9.445 9.445-23.17 11.987-34.929 7.644a33.02 33.02 0 0 0 11.929-7.644l46.6-46.599z"
transform="translate(122.85 459.846)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.929 5.929 0 0 0-.118-3.315l15.842-3.96a6.049 6.049 0 0 1 1.584-.182l.035-.002c3.164.074 5.766 2.677 5.84 5.84A6.103 6.103 0 0 1 23 0L12.7 41.2 2.4 82.402a6.032 6.032 0 0 1-.276.827 5.986 5.986 0 0 1-1.302 1.96l-3.068 3.068-5.873 5.873-12.331-12.331Z"
transform="translate(479.075 17.201)"
fill="#ea9d57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-61.802-61.802a6 6 0 0 0-8.485 0l-309.417 309.417 70.287 70.287L0 8.485A6 6 0 0 0 0 0"
transform="translate(476.83 96.973)"
fill="#86dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 292.044-292.044 5.873-5.873 3.067-3.067a5.996 5.996 0 0 0 1.578-2.787l4.197-16.789 14.158 14.158a6 6 0 0 1 0 8.485l-5.873 5.873L11.5 11.5Z"
transform="translate(155.912 403.375)"
fill="#6bb5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.772-17.771a3.999 3.999 0 0 0-5.657 0l-41.2 41.201a4 4 0 0 0 0 5.656l17.772 17.772a4 4 0 0 0 5.656 0L0 5.657A4 4 0 0 0 0 0"
transform="translate(213.522 316.25)"
fill="#f2fdff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.777 44.777c-12.939 12.94-12.939 33.918 0 46.858l23.429 23.429c12.94 12.939 33.919 12.939 46.858 0l44.777-44.777Z"
transform="translate(61.981 379.731)"
fill="#ff5876"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 27.785-6.945C32.179-8.044 36.16-4.064 35.061.33l-6.946 27.785z"
transform="translate(467.014 16.871)"
fill="#405b6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.992 1.992c-.069-.069-.144-.126-.215-.193A16.665 16.665 0 0 1 0 0"
transform="translate(54.769 363.944)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.358 34.95c-9.445 9.445-23.17 11.987-34.929 7.644a33.02 33.02 0 0 0 11.929-7.644l46.6-46.599z"
transform="translate(122.85 459.846)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.946 27.785-18.4-18.4L-23 0a5.929 5.929 0 0 0-.118-3.315l15.842-3.96a6.049 6.049 0 0 1 1.584-.182l.035-.002c2.109.049 3.969 1.223 4.996 2.937A5.917 5.917 0 0 1 0 0"
transform="translate(502.075 17.201)"
fill="#2d4456"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-70.287-70.286 26.162-26.161 70.286 70.286z"
transform="translate(143.332 438.955)"
fill="#ff9517"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.992 1.992c-.069-.069-.144-.126-.215-.193A16.665 16.665 0 0 1 0 0"
transform="translate(54.769 363.944)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.358 34.95c-9.445 9.445-23.17 11.987-34.929 7.644a33.02 33.02 0 0 0 11.929-7.644l46.6-46.599z"
transform="translate(122.85 459.846)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 26.161-26.161 11.499 11.5L11.5 11.5Z"
transform="translate(131.832 427.455)"
fill="#ef7f0f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.47 6.469 6.47 16.959 0 23.429-6.47 6.469-16.959 6.469-23.429 0l-70.287-70.287c-6.469-6.47-6.469-16.959 0-23.429 6.47-6.47 16.96-6.47 23.429 0z"
transform="translate(146.064 436.224)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.992 1.992c-.069-.069-.144-.126-.215-.193A16.665 16.665 0 0 1 0 0"
transform="translate(54.769 363.944)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.358 34.95c-9.445 9.445-23.17 11.987-34.929 7.644a33.02 33.02 0 0 0 11.929-7.644l46.6-46.599z"
transform="translate(122.85 459.846)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.067.08.128.164.194.245.285.359.557.725.808 1.101l.09.133C4.831 7.194 4.658 14.701.605 20.265c-.243.33-.487.657-.747.963-.151.178-.314.35-.474.524a16.524 16.524 0 0 1-1.375 1.333c-.301.26-.611.503-.926.737-.176.132-.351.268-.531.391-.371.254-.752.483-1.137.703-.134.076-.263.163-.398.235-.531.284-1.073.538-1.625.759-.079.031-.16.054-.238.083-.477.183-.959.346-1.448.483-.164.045-.33.08-.495.121-.414.101-.829.193-1.249.262-.178.031-.357.054-.536.078-.422.056-.845.096-1.27.121-.163.008-.327.018-.49.022a16.54 16.54 0 0 1-1.426-.025c-.108-.006-.216-.007-.324-.015a16.577 16.577 0 0 1-5.298-1.322c-.07-.031-.139-.065-.208-.097a16.57 16.57 0 0 1-1.696-.888 16.657 16.657 0 0 1-1.358-.91c-.065-.05-.133-.096-.198-.146a16.633 16.633 0 0 1-1.438-1.234c.07-.067.145-.125.214-.193 5.392-5.392 6.29-13.575 2.695-19.897-1.313-2.309-1.044-5.184.834-7.061l7.971-7.972 11.5 11.5C-.687-.8-.334-.404 0 0"
transform="translate(147.13 437.402)"
fill="#ffb629"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.992 1.992c-.069-.069-.144-.126-.215-.193A16.665 16.665 0 0 1 0 0"
transform="translate(54.769 363.944)"
fill="#ffcf4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.358 34.95c-9.445 9.445-23.17 11.987-34.929 7.644a33.02 33.02 0 0 0 11.929-7.644l46.6-46.599z"
transform="translate(122.85 459.846)"
fill="#e6485d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-155.789-155.789c-6.47-6.47-16.96-6.47-23.43 0l-82 82c-6.47 6.47-6.47 16.96 0 23.43L-105.43 105.43"
transform="translate(273.571 168.142)"
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-52.69-52.689"
transform="translate(396.548 291.118)"
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 155.789 155.789c6.47 6.47 16.96 6.47 23.43 0l82-82c6.47-6.47 6.47-16.96 0-23.43l-81.683-81.682"
transform="translate(238.429 343.858)"
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-17.572 17.571"
transform="translate(388.36 458.647)"
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-17.571 17.571"
transform="translate(341.503 411.79)"
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-17.572 17.572"
transform="translate(294.646 364.932)"
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-17.571 17.571"
transform="translate(147.068 217.355)"
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-17.572 17.571"
transform="translate(100.21 170.497)"
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-17.572 17.571"
transform="translate(53.353 123.64)"
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 35.143 35.143"
transform="translate(411.79 435.219)"
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-35.144-35.143"
transform="translate(76.782 100.21)"
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-23.429 23.429-35.143-35.144 23.428-23.429z"
transform="translate(158.783 88.496)"
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 93.715-23.429-23.428 93.716"
transform="translate(410.785 30.929)"
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-70.287-70.287-311.579 311.578 70.287 70.287z"
transform="translate(481.071 101.216)"
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-70.287-70.286 23.43-23.429 70.286 70.286z"
transform="translate(146.064 436.223)"
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 23.429-23.429"
transform="translate(134.35 377.65)"
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 241.292-241.292"
transform="translate(204.636 307.364)"
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-23.429-23.429-46.858 46.858 23.429 23.428z"
transform="translate(216.35 319.08)"
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 28.115 28.115"
transform="translate(467.014 16.871)"
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-35.144 35.145c-12.939 12.939-12.939 33.918 0 46.857l23.43 23.43c12.939 12.938 33.918 12.938 46.858 0l35.143-35.145"
transform="translate(52.348 389.364)"
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 0c6.47 6.469 6.47 16.959 0 23.429-6.47 6.469-16.959 6.469-23.429 0l-70.287-70.287c-6.469-6.47-6.469-16.959 0-23.429 6.47-6.47 16.96-6.47 23.429 0z"
transform="translate(146.064 436.224)"
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