Add icons to this collection by clicking the heart icon.
Pencil And Ruler icon - also known as pencil, maths, ruler, square, tool, geometry, graphic design, design, graphic tool, measuring, square ruler, art and design, pencil and ruler, and edit tools. Created in a clean lineal color style with a black, 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-36.543-52.868c-5.614-8.122-17.616-8.122-23.23 0L-96.316 0a39.878 39.878 0 0 0-7.074 22.673V377.81c0 30.502 24.728 55.231 55.232 55.231 30.503 0 55.231-24.729 55.231-55.231V22.673C7.073 14.573 4.605 6.664 0 0"
transform="translate(159.23 68.96)"
fill="#ffd153"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-30.504 0-55.231-24.728-55.231-55.231v-13.286H55.231v13.286C55.231-24.728 30.503 0 0 0"
transform="translate(111.072 502)"
fill="#ff55a3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.022-5.493 3.166-10.743 6.373-15.384l36.543-52.868c5.614-8.122 17.616-8.122 23.23 0l36.543 52.868c3.207 4.641 5.351 9.891 6.374 15.384z"
transform="translate(56.541 84.343)"
fill="#f5a14f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-36.543-52.868c-5.614-8.122-17.616-8.122-23.23 0L-96.316 0a39.878 39.878 0 0 0-7.074 22.673V377.81c0 30.502 24.728 55.231 55.232 55.231 30.503 0 55.231-24.729 55.231-55.231V22.673C7.073 14.573 4.605 6.664 0 0Z"
transform="translate(159.23 68.96)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-30.504 0-55.231-24.728-55.231-55.231v-13.286H55.231v13.286C55.231-24.728 30.503 0 0 0Z"
transform="translate(111.072 502)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c1.022-5.493 3.166-10.743 6.373-15.384l36.543-52.868c5.614-8.122 17.616-8.122 23.23 0l36.543 52.868c3.207 4.641 5.351 9.891 6.374 15.384z"
transform="translate(56.541 84.343)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-77.293a3.84 3.84 0 0 0-3.839 3.838v135.444c0 3.937 5.221 5.322 7.173 1.903L3.334 5.741C4.794 3.182 2.946 0 0 0m103.101-40.237L-118.657 348.36c-6.681 11.707-24.553 6.966-24.553-6.513v-389.81c0-9.613 7.792-17.406 17.405-17.406H88.506c12.898 0 20.987 13.93 14.595 25.132"
transform="translate(350.824 124.195)"
fill="#59dbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-77.293a3.84 3.84 0 0 0-3.839 3.838v135.444c0 3.937 5.221 5.322 7.173 1.903L3.334 5.741C4.794 3.182 2.946 0 0 0Zm103.101-40.237L-118.657 348.36c-6.681 11.707-24.553 6.966-24.553-6.513v-389.81c0-9.613 7.792-17.406 17.405-17.406H88.506c12.898 0 20.987 13.93 14.595 25.132z"
transform="translate(350.824 124.195)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.734"
transform="translate(207.614 388.434)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.734"
transform="translate(207.614 329.613)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.734"
transform="translate(207.614 270.791)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.734"
transform="translate(207.614 211.97)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h25.734"
transform="translate(207.614 153.148)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-102.636"
transform="translate(111.072 238.643)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-46.063"
transform="translate(111.072 385.31)"
fill="none"
stroke="#231f20"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.025"
transform="translate(108.92 289.774)"
fill="none"
stroke="#231f20"
stroke-width="20"
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