Gentleface › Design › pencil-ruler
pencil-ruler icon
pencil-rulerPencil ruler: design tools, drafting, design services. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.765 5.732C11.765 5.596 11.815 5.478 11.914 5.379L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L10.621 4.086C10.522 4.185 10.404 4.235 10.268 4.235C10.132 4.235 10.014 4.186 9.915 4.086L9.914 4.086L9.914 4.085C9.816 3.988 9.768 3.87 9.768 3.732C9.768 3.594 9.817 3.476 9.914 3.379L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L12.621 6.086C12.522 6.185 12.404 6.235 12.268 6.235C12.132 6.235 12.014 6.185 11.914 6.086C11.815 5.986 11.765 5.868 11.765 5.732ZM13.379 10.5C13.379 10.776 13.324 11.041 13.214 11.294C13.113 11.528 12.973 11.734 12.793 11.914L11.914 12.793C11.734 12.973 11.528 13.113 11.294 13.214C11.041 13.324 10.776 13.379 10.5 13.379C10.224 13.379 9.959 13.324 9.706 13.214C9.472 13.113 9.266 12.973 9.086 12.793L3.207 6.914C3.027 6.734 2.887 6.528 2.786 6.294C2.676 6.041 2.621 5.776 2.621 5.5C2.621 5.224 2.676 4.959 2.786 4.706C2.887 4.472 3.027 4.266 3.207 4.086L4.086 3.207C4.266 3.027 4.472 2.887 4.706 2.786C4.959 2.676 5.224 2.621 5.5 2.621C5.776 2.621 6.041 2.676 6.294 2.786C6.528 2.887 6.734 3.027 6.914 3.207L12.793 9.086C12.973 9.266 13.113 9.472 13.214 9.706C13.324 9.959 13.379 10.224 13.379 10.5ZM11.207 12.086L12.086 11.207C12.281 11.012 12.379 10.776 12.379 10.5C12.379 10.224 12.281 9.988 12.086 9.793L11.5 9.207L10.854 9.854C10.754 9.953 10.636 10.003 10.5 10.003C10.364 10.003 10.246 9.953 10.146 9.854C10.047 9.754 9.997 9.636 9.997 9.5C9.997 9.364 10.047 9.246 10.146 9.146L10.793 8.5L9.5 7.207L8.854 7.854C8.754 7.953 8.636 8.003 8.5 8.003C8.364 8.003 8.246 7.953 8.146 7.854C8.049 7.756 8 7.638 8 7.5C8 7.362 8.049 7.244 8.146 7.146L8.793 6.5L7.5 5.207L6.854 5.854C6.754 5.953 6.636 6.003 6.5 6.003C6.364 6.003 6.246 5.953 6.146 5.854C6.047 5.754 5.997 5.636 5.997 5.5C5.997 5.364 6.047 5.246 6.146 5.146L6.793 4.5L6.207 3.914C6.012 3.719 5.776 3.621 5.5 3.621C5.224 3.621 4.988 3.719 4.793 3.914L3.914 4.793C3.719 4.988 3.621 5.224 3.621 5.5C3.621 5.776 3.719 6.012 3.914 6.207L9.793 12.086C9.988 12.281 10.224 12.379 10.5 12.379C10.776 12.379 11.012 12.281 11.207 12.086ZM4.447 10.275C4.458 10.297 4.467 10.32 4.475 10.344C4.518 10.473 4.508 10.601 4.445 10.727L3.618 12.382L5.273 11.555C5.399 11.492 5.527 11.482 5.656 11.525C5.68 11.533 5.703 11.542 5.725 11.553L5.937 11.766C5.94 11.77 5.942 11.774 5.944 11.778C6.005 11.902 6.015 12.029 5.971 12.16C5.927 12.291 5.844 12.387 5.72 12.449L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.551 10.28C3.613 10.156 3.709 10.073 3.84 10.029C3.971 9.985 4.098 9.995 4.222 10.056C4.226 10.058 4.23 10.06 4.234 10.063L4.447 10.275Z"/></svg>
// Gentleface "pencil-ruler" (line-round), MIT. https://gentleface.com/icons/pencil-ruler
import type { SVGProps } from 'react';
export function PencilRulerIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M11.765 5.732C11.765 5.596 11.815 5.478 11.914 5.379L12.146 5.146C12.325 4.968 12.414 4.752 12.414 4.5C12.414 4.248 12.325 4.032 12.146 3.854C11.968 3.675 11.752 3.586 11.5 3.586C11.248 3.586 11.032 3.675 10.854 3.854L10.621 4.086C10.522 4.185 10.404 4.235 10.268 4.235C10.132 4.235 10.014 4.186 9.915 4.086L9.914 4.086L9.914 4.085C9.816 3.988 9.768 3.87 9.768 3.732C9.768 3.594 9.817 3.476 9.914 3.379L10.146 3.146C10.319 2.974 10.516 2.84 10.74 2.743C10.982 2.638 11.236 2.586 11.5 2.586C11.764 2.586 12.018 2.638 12.26 2.743C12.484 2.84 12.681 2.974 12.854 3.146C13.026 3.319 13.16 3.516 13.257 3.74C13.362 3.982 13.414 4.236 13.414 4.5C13.414 4.764 13.362 5.018 13.257 5.26C13.16 5.484 13.026 5.681 12.854 5.854L12.621 6.086C12.522 6.185 12.404 6.235 12.268 6.235C12.132 6.235 12.014 6.185 11.914 6.086C11.815 5.986 11.765 5.868 11.765 5.732ZM13.379 10.5C13.379 10.776 13.324 11.041 13.214 11.294C13.113 11.528 12.973 11.734 12.793 11.914L11.914 12.793C11.734 12.973 11.528 13.113 11.294 13.214C11.041 13.324 10.776 13.379 10.5 13.379C10.224 13.379 9.959 13.324 9.706 13.214C9.472 13.113 9.266 12.973 9.086 12.793L3.207 6.914C3.027 6.734 2.887 6.528 2.786 6.294C2.676 6.041 2.621 5.776 2.621 5.5C2.621 5.224 2.676 4.959 2.786 4.706C2.887 4.472 3.027 4.266 3.207 4.086L4.086 3.207C4.266 3.027 4.472 2.887 4.706 2.786C4.959 2.676 5.224 2.621 5.5 2.621C5.776 2.621 6.041 2.676 6.294 2.786C6.528 2.887 6.734 3.027 6.914 3.207L12.793 9.086C12.973 9.266 13.113 9.472 13.214 9.706C13.324 9.959 13.379 10.224 13.379 10.5ZM11.207 12.086L12.086 11.207C12.281 11.012 12.379 10.776 12.379 10.5C12.379 10.224 12.281 9.988 12.086 9.793L11.5 9.207L10.854 9.854C10.754 9.953 10.636 10.003 10.5 10.003C10.364 10.003 10.246 9.953 10.146 9.854C10.047 9.754 9.997 9.636 9.997 9.5C9.997 9.364 10.047 9.246 10.146 9.146L10.793 8.5L9.5 7.207L8.854 7.854C8.754 7.953 8.636 8.003 8.5 8.003C8.364 8.003 8.246 7.953 8.146 7.854C8.049 7.756 8 7.638 8 7.5C8 7.362 8.049 7.244 8.146 7.146L8.793 6.5L7.5 5.207L6.854 5.854C6.754 5.953 6.636 6.003 6.5 6.003C6.364 6.003 6.246 5.953 6.146 5.854C6.047 5.754 5.997 5.636 5.997 5.5C5.997 5.364 6.047 5.246 6.146 5.146L6.793 4.5L6.207 3.914C6.012 3.719 5.776 3.621 5.5 3.621C5.224 3.621 4.988 3.719 4.793 3.914L3.914 4.793C3.719 4.988 3.621 5.224 3.621 5.5C3.621 5.776 3.719 6.012 3.914 6.207L9.793 12.086C9.988 12.281 10.224 12.379 10.5 12.379C10.776 12.379 11.012 12.281 11.207 12.086ZM4.447 10.275C4.458 10.297 4.467 10.32 4.475 10.344C4.518 10.473 4.508 10.601 4.445 10.727L3.618 12.382L5.273 11.555C5.399 11.492 5.527 11.482 5.656 11.525C5.68 11.533 5.703 11.542 5.725 11.553L5.937 11.766C5.94 11.77 5.942 11.774 5.944 11.778C6.005 11.902 6.015 12.029 5.971 12.16C5.927 12.291 5.844 12.387 5.72 12.449L2.724 13.947C2.598 14.01 2.47 14.02 2.341 13.977C2.212 13.934 2.116 13.85 2.053 13.724C1.978 13.575 1.978 13.425 2.053 13.276L3.551 10.28C3.613 10.156 3.709 10.073 3.84 10.029C3.971 9.985 4.098 9.995 4.222 10.056C4.226 10.058 4.23 10.06 4.234 10.063L4.447 10.275Z" />
</svg>
);
}Vue: see /icons/pencil-ruler.md
Svelte: see /icons/pencil-ruler.md
HTML img: see /icons/pencil-ruler.md
CSS: see /icons/pencil-ruler.md
Data URL: see /icons/pencil-ruler.md
Sprite: see /icons/pencil-ruler.md
SwiftUI: see /icons/pencil-ruler.md
Compose: see /icons/pencil-ruler.md
Android XML: see /icons/pencil-ruler.md
Flutter: see /icons/pencil-ruler.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- design tools, drafting, design services
- Tags
- pencil, ruler, design, drafting, tools, draw, measure, sketch, architecture
- Category
- Design
- Component name
PencilRulerIcon- History
- added
More design icons
align-objects-bottom align-objects-bottom-three align-objects-left align-objects-left-three align-objects-right align-objects-right-three align-objects-top align-objects-top-three angle animation animation-off bezier-curve boolean-exclude boolean-intersect boolean-union bounding-box · all design icons
For agents
Metadata: /icons/pencil-ruler.json · Markdown: /icons/pencil-ruler.md · SVG: https://gentleface.com/svg/{style}/16/pencil-ruler.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/pencil-ruler.png