pencil ruler icon

pencil-ruler from Line Awesome by Icons8 · Line · Design · Apache-2.0 Free for personal and commercial use.

Name: pencil-ruler
Set: Line Awesome
Style: Line
Category: Design
Viewbox: 32×32
License: Apache 2.0
Aliases: pencil-ruler-solid

The same icon in other sets

pencil-rulerFont Awesome Solid pencil-rulerHuge Icons pencil-rulerLucide pencil-rulerMaterial Design Icons pencil-ruler-fillMingCute Icon pencil-rulerPhosphor pencil-ruler-fillRemix Icon

More design icons from Line Awesome

bezier-curve brush crop crop-alt drafting-compass fill fill-drip object-group object-group-solid object-ungroup object-ungroup-solid paint-roller splotch spray-can swatchbook vector-square pencil-alt

Use the pencil ruler icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.813 3l-.688.719l-4.406 4.406L3 8.813L10.188 16l-5 5l-.063.313l-1.094 5.5l-.312 1.468l1.469-.312l5.5-1.094l.312-.063l5-5l7.156 7.157l.688-.719l4.406-4.406l.719-.688L21.812 16l4.938-4.938a4.1 4.1 0 0 0 0-5.812a4.1 4.1 0 0 0-2.906-1.219a4.1 4.1 0 0 0-2.907 1.219L16 10.188zm0 2.844l1.937 1.968l-1.469 1.47l1.438 1.437l1.469-1.469l2.374 2.375l-2.968 2.969l-5.781-5.781zm15.03.125c.52 0 1.048.234 1.5.687c.903.903.903 2.067 0 2.969l-.655.656l-2.97-2.969l.657-.656c.453-.453.95-.687 1.469-.687zm-3.53 2.75l2.968 2.969L11.188 23.78a7 7 0 0 0-2.97-2.968zm.093 8.687l2.375 2.375l-1.5 1.5l1.438 1.438l1.5-1.5l1.906 1.906l-3 3l-5.719-5.719zm-13.468 5a4.97 4.97 0 0 1 2.656 2.657l-3.313.656z"/></svg>

React

import type { SVGProps } from "react";

export function LaPencilRuler(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.813 3l-.688.719l-4.406 4.406L3 8.813L10.188 16l-5 5l-.063.313l-1.094 5.5l-.312 1.468l1.469-.312l5.5-1.094l.312-.063l5-5l7.156 7.157l.688-.719l4.406-4.406l.719-.688L21.812 16l4.938-4.938a4.1 4.1 0 0 0 0-5.812a4.1 4.1 0 0 0-2.906-1.219a4.1 4.1 0 0 0-2.907 1.219L16 10.188zm0 2.844l1.937 1.968l-1.469 1.47l1.438 1.437l1.469-1.469l2.374 2.375l-2.968 2.969l-5.781-5.781zm15.03.125c.52 0 1.048.234 1.5.687c.903.903.903 2.067 0 2.969l-.655.656l-2.97-2.969l.657-.656c.453-.453.95-.687 1.469-.687zm-3.53 2.75l2.968 2.969L11.188 23.78a7 7 0 0 0-2.97-2.968zm.093 8.687l2.375 2.375l-1.5 1.5l1.438 1.438l1.5-1.5l1.906 1.906l-3 3l-5.719-5.719zm-13.468 5a4.97 4.97 0 0 1 2.656 2.657l-3.313.656z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m8.813 3l-.688.719l-4.406 4.406L3 8.813L10.188 16l-5 5l-.063.313l-1.094 5.5l-.312 1.468l1.469-.312l5.5-1.094l.312-.063l5-5l7.156 7.157l.688-.719l4.406-4.406l.719-.688L21.812 16l4.938-4.938a4.1 4.1 0 0 0 0-5.812a4.1 4.1 0 0 0-2.906-1.219a4.1 4.1 0 0 0-2.907 1.219L16 10.188zm0 2.844l1.937 1.968l-1.469 1.47l1.438 1.437l1.469-1.469l2.374 2.375l-2.968 2.969l-5.781-5.781zm15.03.125c.52 0 1.048.234 1.5.687c.903.903.903 2.067 0 2.969l-.655.656l-2.97-2.969l.657-.656c.453-.453.95-.687 1.469-.687zm-3.53 2.75l2.968 2.969L11.188 23.78a7 7 0 0 0-2.97-2.968zm.093 8.687l2.375 2.375l-1.5 1.5l1.438 1.438l1.5-1.5l1.906 1.906l-3 3l-5.719-5.719zm-13.468 5a4.97 4.97 0 0 1 2.656 2.657l-3.313.656z"/></svg>
</template>

CSS

.icon-pencil-ruler {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.813%203l-.688.719l-4.406%204.406L3%208.813L10.188%2016l-5%205l-.063.313l-1.094%205.5l-.312%201.468l1.469-.312l5.5-1.094l.312-.063l5-5l7.156%207.157l.688-.719l4.406-4.406l.719-.688L21.812%2016l4.938-4.938a4.1%204.1%200%200%200%200-5.812a4.1%204.1%200%200%200-2.906-1.219a4.1%204.1%200%200%200-2.907%201.219L16%2010.188zm0%202.844l1.937%201.968l-1.469%201.47l1.438%201.437l1.469-1.469l2.374%202.375l-2.968%202.969l-5.781-5.781zm15.03.125c.52%200%201.048.234%201.5.687c.903.903.903%202.067%200%202.969l-.655.656l-2.97-2.969l.657-.656c.453-.453.95-.687%201.469-.687zm-3.53%202.75l2.968%202.969L11.188%2023.78a7%207%200%200%200-2.97-2.968zm.093%208.687l2.375%202.375l-1.5%201.5l1.438%201.438l1.5-1.5l1.906%201.906l-3%203l-5.719-5.719zm-13.468%205a4.97%204.97%200%200%201%202.656%202.657l-3.313.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.813%203l-.688.719l-4.406%204.406L3%208.813L10.188%2016l-5%205l-.063.313l-1.094%205.5l-.312%201.468l1.469-.312l5.5-1.094l.312-.063l5-5l7.156%207.157l.688-.719l4.406-4.406l.719-.688L21.812%2016l4.938-4.938a4.1%204.1%200%200%200%200-5.812a4.1%204.1%200%200%200-2.906-1.219a4.1%204.1%200%200%200-2.907%201.219L16%2010.188zm0%202.844l1.937%201.968l-1.469%201.47l1.438%201.437l1.469-1.469l2.374%202.375l-2.968%202.969l-5.781-5.781zm15.03.125c.52%200%201.048.234%201.5.687c.903.903.903%202.067%200%202.969l-.655.656l-2.97-2.969l.657-.656c.453-.453.95-.687%201.469-.687zm-3.53%202.75l2.968%202.969L11.188%2023.78a7%207%200%200%200-2.97-2.968zm.093%208.687l2.375%202.375l-1.5%201.5l1.438%201.438l1.5-1.5l1.906%201.906l-3%203l-5.719-5.719zm-13.468%205a4.97%204.97%200%200%201%202.656%202.657l-3.313.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/pencil-ruler.svg?color=%231a73e8&size=48