ruler2 icon

ruler2-duotone from Reicon by REICON · Duotone · Tools · MIT Free for personal and commercial use.

Name
ruler2-duotone
Set
Reicon
Style
Duotone
Category
Tools
Viewbox
24×24
License
MIT

2 other variants in Reicon

ruler2ruler2-filled

More tools icons from Reicon

align-bottomalign-h-centeralign-h-spacingalign-leftalign-rightalign-topalign-v-centeralign-v-spacingblurcolor-tuningcropcrop2draw-compassfiltersflip-hflip-vhandlayerslayers-2magic-wandmirror-leftmirror-rightpaint-rollerpaintbrush

Use the ruler2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 2h12.75c1.24.001 1.888.02 2.361.337a2 2 0 0 1 .552.552C22 3.393 22 4.096 22 5.5s0 2.107-.337 2.611a2 2 0 0 1-.552.552C20.607 9 19.904 9 18.5 9H11c-.943 0-1.414 0-1.707.293S9 10.057 9 11v7.5c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552c-.316-.473-.336-1.121-.337-2.361V6c0-1.886 0-2.828.586-3.414S4.114 2 6 2" opacity=".5"/><path d="M4 17.25H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5m-1-3H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5M9.75 5V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0m3 1V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconRuler2Duotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 2h12.75c1.24.001 1.888.02 2.361.337a2 2 0 0 1 .552.552C22 3.393 22 4.096 22 5.5s0 2.107-.337 2.611a2 2 0 0 1-.552.552C20.607 9 19.904 9 18.5 9H11c-.943 0-1.414 0-1.707.293S9 10.057 9 11v7.5c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552c-.316-.473-.336-1.121-.337-2.361V6c0-1.886 0-2.828.586-3.414S4.114 2 6 2" opacity=".5"/><path d="M4 17.25H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5m-1-3H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5M9.75 5V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0m3 1V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 2h12.75c1.24.001 1.888.02 2.361.337a2 2 0 0 1 .552.552C22 3.393 22 4.096 22 5.5s0 2.107-.337 2.611a2 2 0 0 1-.552.552C20.607 9 19.904 9 18.5 9H11c-.943 0-1.414 0-1.707.293S9 10.057 9 11v7.5c0 1.404 0 2.107-.337 2.611a2 2 0 0 1-.552.552C7.607 22 6.904 22 5.5 22s-2.107 0-2.611-.337a2 2 0 0 1-.552-.552c-.316-.473-.336-1.121-.337-2.361V6c0-1.886 0-2.828.586-3.414S4.114 2 6 2" opacity=".5"/><path d="M4 17.25H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5m-1-3H2v1.5h2a.75.75 0 0 0 0-1.5m1-3H2v1.5h3a.75.75 0 0 0 0-1.5M9.75 5V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0m3 1V2h-1.5v3a.75.75 0 0 0 1.5 0m3-1V2h-1.5v2a.75.75 0 0 0 1.5 0"/></g></svg>
</template>

CSS

.icon-ruler2-duotone {
  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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%202h12.75c1.24.001%201.888.02%202.361.337a2%202%200%200%201%20.552.552C22%203.393%2022%204.096%2022%205.5s0%202.107-.337%202.611a2%202%200%200%201-.552.552C20.607%209%2019.904%209%2018.5%209H11c-.943%200-1.414%200-1.707.293S9%2010.057%209%2011v7.5c0%201.404%200%202.107-.337%202.611a2%202%200%200%201-.552.552C7.607%2022%206.904%2022%205.5%2022s-2.107%200-2.611-.337a2%202%200%200%201-.552-.552c-.316-.473-.336-1.121-.337-2.361V6c0-1.886%200-2.828.586-3.414S4.114%202%206%202%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4%2017.25H2v1.5h2a.75.75%200%200%200%200-1.5m1-3H2v1.5h3a.75.75%200%200%200%200-1.5m-1-3H2v1.5h2a.75.75%200%200%200%200-1.5m1-3H2v1.5h3a.75.75%200%200%200%200-1.5M9.75%205V2h-1.5v3a.75.75%200%200%200%201.5%200m3-1V2h-1.5v2a.75.75%200%200%200%201.5%200m3%201V2h-1.5v3a.75.75%200%200%200%201.5%200m3-1V2h-1.5v2a.75.75%200%200%200%201.5%200%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%202h12.75c1.24.001%201.888.02%202.361.337a2%202%200%200%201%20.552.552C22%203.393%2022%204.096%2022%205.5s0%202.107-.337%202.611a2%202%200%200%201-.552.552C20.607%209%2019.904%209%2018.5%209H11c-.943%200-1.414%200-1.707.293S9%2010.057%209%2011v7.5c0%201.404%200%202.107-.337%202.611a2%202%200%200%201-.552.552C7.607%2022%206.904%2022%205.5%2022s-2.107%200-2.611-.337a2%202%200%200%201-.552-.552c-.316-.473-.336-1.121-.337-2.361V6c0-1.886%200-2.828.586-3.414S4.114%202%206%202%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M4%2017.25H2v1.5h2a.75.75%200%200%200%200-1.5m1-3H2v1.5h3a.75.75%200%200%200%200-1.5m-1-3H2v1.5h2a.75.75%200%200%200%200-1.5m1-3H2v1.5h3a.75.75%200%200%200%200-1.5M9.75%205V2h-1.5v3a.75.75%200%200%200%201.5%200m3-1V2h-1.5v2a.75.75%200%200%200%201.5%200m3%201V2h-1.5v3a.75.75%200%200%200%201.5%200m3-1V2h-1.5v2a.75.75%200%200%200%201.5%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Ruler2 duotone icon — Reicon · IconsDB