straight ruler emoji
straight-ruler from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- straight-ruler
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji High Contrast
Use the straight ruler emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.256 1.972a3.203 3.203 0 0 1 4.546.003l.002.002L30.05 21.223a3.203 3.203 0 0 1-.002 4.546l-.002.002l-4.292 4.292l-.003.002a3.21 3.21 0 0 1-4.546.012l-19.26-19.26a3.203 3.203 0 0 1 .003-4.546zm2.871 1.215a1.206 1.206 0 0 0-1.457.2L3.356 7.691a1.203 1.203 0 0 0 .004 1.712l19.26 19.26a1.21 1.21 0 0 0 1.711-.006l.004-.004l4.3-4.3l.005-.004c.338-.335.437-.822.288-1.249l-1.424 1.424a.5.5 0 0 1-.708-.707l1.51-1.51l-1.766-1.765l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.726-1.725l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.71-1.709l-.77.783a.5.5 0 0 1-.712-.701l.776-.789l-1.647-1.646l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.717-1.717l-.761.78a.5.5 0 0 1-.716-.699l.77-.788l-1.649-1.648l-1.51 1.51a.5.5 0 1 1-.707-.708z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastStraightRuler(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="M6.256 1.972a3.203 3.203 0 0 1 4.546.003l.002.002L30.05 21.223a3.203 3.203 0 0 1-.002 4.546l-.002.002l-4.292 4.292l-.003.002a3.21 3.21 0 0 1-4.546.012l-19.26-19.26a3.203 3.203 0 0 1 .003-4.546zm2.871 1.215a1.206 1.206 0 0 0-1.457.2L3.356 7.691a1.203 1.203 0 0 0 .004 1.712l19.26 19.26a1.21 1.21 0 0 0 1.711-.006l.004-.004l4.3-4.3l.005-.004c.338-.335.437-.822.288-1.249l-1.424 1.424a.5.5 0 0 1-.708-.707l1.51-1.51l-1.766-1.765l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.726-1.725l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.71-1.709l-.77.783a.5.5 0 0 1-.712-.701l.776-.789l-1.647-1.646l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.717-1.717l-.761.78a.5.5 0 0 1-.716-.699l.77-.788l-1.649-1.648l-1.51 1.51a.5.5 0 1 1-.707-.708z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.256 1.972a3.203 3.203 0 0 1 4.546.003l.002.002L30.05 21.223a3.203 3.203 0 0 1-.002 4.546l-.002.002l-4.292 4.292l-.003.002a3.21 3.21 0 0 1-4.546.012l-19.26-19.26a3.203 3.203 0 0 1 .003-4.546zm2.871 1.215a1.206 1.206 0 0 0-1.457.2L3.356 7.691a1.203 1.203 0 0 0 .004 1.712l19.26 19.26a1.21 1.21 0 0 0 1.711-.006l.004-.004l4.3-4.3l.005-.004c.338-.335.437-.822.288-1.249l-1.424 1.424a.5.5 0 0 1-.708-.707l1.51-1.51l-1.766-1.765l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.726-1.725l-.76.786a.5.5 0 0 1-.72-.695l.773-.798l-1.64-1.64l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.71-1.709l-.77.783a.5.5 0 0 1-.712-.701l.776-.789l-1.647-1.646l-1.51 1.51a.5.5 0 0 1-.707-.708l1.51-1.51l-1.717-1.717l-.761.78a.5.5 0 0 1-.716-.699l.77-.788l-1.649-1.648l-1.51 1.51a.5.5 0 1 1-.707-.708z"/></svg> </template>
CSS
.icon-straight-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%22M6.256%201.972a3.203%203.203%200%200%201%204.546.003l.002.002L30.05%2021.223a3.203%203.203%200%200%201-.002%204.546l-.002.002l-4.292%204.292l-.003.002a3.21%203.21%200%200%201-4.546.012l-19.26-19.26a3.203%203.203%200%200%201%20.003-4.546zm2.871%201.215a1.206%201.206%200%200%200-1.457.2L3.356%207.691a1.203%201.203%200%200%200%20.004%201.712l19.26%2019.26a1.21%201.21%200%200%200%201.711-.006l.004-.004l4.3-4.3l.005-.004c.338-.335.437-.822.288-1.249l-1.424%201.424a.5.5%200%200%201-.708-.707l1.51-1.51l-1.766-1.765l-.76.786a.5.5%200%200%201-.72-.695l.773-.798l-1.64-1.64l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.726-1.725l-.76.786a.5.5%200%200%201-.72-.695l.773-.798l-1.64-1.64l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.71-1.709l-.77.783a.5.5%200%200%201-.712-.701l.776-.789l-1.647-1.646l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.717-1.717l-.761.78a.5.5%200%200%201-.716-.699l.77-.788l-1.649-1.648l-1.51%201.51a.5.5%200%201%201-.707-.708z%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%22M6.256%201.972a3.203%203.203%200%200%201%204.546.003l.002.002L30.05%2021.223a3.203%203.203%200%200%201-.002%204.546l-.002.002l-4.292%204.292l-.003.002a3.21%203.21%200%200%201-4.546.012l-19.26-19.26a3.203%203.203%200%200%201%20.003-4.546zm2.871%201.215a1.206%201.206%200%200%200-1.457.2L3.356%207.691a1.203%201.203%200%200%200%20.004%201.712l19.26%2019.26a1.21%201.21%200%200%200%201.711-.006l.004-.004l4.3-4.3l.005-.004c.338-.335.437-.822.288-1.249l-1.424%201.424a.5.5%200%200%201-.708-.707l1.51-1.51l-1.766-1.765l-.76.786a.5.5%200%200%201-.72-.695l.773-.798l-1.64-1.64l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.726-1.725l-.76.786a.5.5%200%200%201-.72-.695l.773-.798l-1.64-1.64l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.71-1.709l-.77.783a.5.5%200%200%201-.712-.701l.776-.789l-1.647-1.646l-1.51%201.51a.5.5%200%200%201-.707-.708l1.51-1.51l-1.717-1.717l-.761.78a.5.5%200%200%201-.716-.699l.77-.788l-1.649-1.648l-1.51%201.51a.5.5%200%201%201-.707-.708z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/straight-ruler.svg?color=%231a73e8&size=48
