triangular ruler emoji
triangular-ruler from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- triangular-ruler
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the triangular ruler emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#bebebe" d="M2 27.667V4.12a2.121 2.121 0 0 1 3.621-1.5L29.38 26.38a2.121 2.121 0 0 1-1.5 3.621H4.333A2.333 2.333 0 0 1 2 27.667M9 24h7.262a.72.72 0 0 0 .509-1.23l-7.542-7.54A.72.72 0 0 0 8 15.737V23a1 1 0 0 0 1 1"/><path fill="#8d65c5" d="m28.39 25.39l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zM7.11 4.11L5.36 5.86a.508.508 0 0 1-.72-.72l1.75-1.75zm2.25 3.25a.508.508 0 1 0-.72-.72l-1 1a.508.508 0 1 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatTriangularRuler(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#bebebe" d="M2 27.667V4.12a2.121 2.121 0 0 1 3.621-1.5L29.38 26.38a2.121 2.121 0 0 1-1.5 3.621H4.333A2.333 2.333 0 0 1 2 27.667M9 24h7.262a.72.72 0 0 0 .509-1.23l-7.542-7.54A.72.72 0 0 0 8 15.737V23a1 1 0 0 0 1 1"/><path fill="#8d65c5" d="m28.39 25.39l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zM7.11 4.11L5.36 5.86a.508.508 0 0 1-.72-.72l1.75-1.75zm2.25 3.25a.508.508 0 1 0-.72-.72l-1 1a.508.508 0 1 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#bebebe" d="M2 27.667V4.12a2.121 2.121 0 0 1 3.621-1.5L29.38 26.38a2.121 2.121 0 0 1-1.5 3.621H4.333A2.333 2.333 0 0 1 2 27.667M9 24h7.262a.72.72 0 0 0 .509-1.23l-7.542-7.54A.72.72 0 0 0 8 15.737V23a1 1 0 0 0 1 1"/><path fill="#8d65c5" d="m28.39 25.39l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zm-5.5-5.5l.72.72l-1.75 1.75a.508.508 0 1 1-.72-.72zM7.11 4.11L5.36 5.86a.508.508 0 0 1-.72-.72l1.75-1.75zm2.25 3.25a.508.508 0 1 0-.72-.72l-1 1a.508.508 0 1 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72zm5.5 5.5a.508.508 0 0 0-.72-.72l-1 1a.508.508 0 0 0 .72.72z"/></g></svg> </template>
CSS
.icon-triangular-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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M2%2027.667V4.12a2.121%202.121%200%200%201%203.621-1.5L29.38%2026.38a2.121%202.121%200%200%201-1.5%203.621H4.333A2.333%202.333%200%200%201%202%2027.667M9%2024h7.262a.72.72%200%200%200%20.509-1.23l-7.542-7.54A.72.72%200%200%200%208%2015.737V23a1%201%200%200%200%201%201%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22m28.39%2025.39l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zM7.11%204.11L5.36%205.86a.508.508%200%200%201-.72-.72l1.75-1.75zm2.25%203.25a.508.508%200%201%200-.72-.72l-1%201a.508.508%200%201%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M2%2027.667V4.12a2.121%202.121%200%200%201%203.621-1.5L29.38%2026.38a2.121%202.121%200%200%201-1.5%203.621H4.333A2.333%202.333%200%200%201%202%2027.667M9%2024h7.262a.72.72%200%200%200%20.509-1.23l-7.542-7.54A.72.72%200%200%200%208%2015.737V23a1%201%200%200%200%201%201%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22m28.39%2025.39l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zm-5.5-5.5l.72.72l-1.75%201.75a.508.508%200%201%201-.72-.72zM7.11%204.11L5.36%205.86a.508.508%200%200%201-.72-.72l1.75-1.75zm2.25%203.25a.508.508%200%201%200-.72-.72l-1%201a.508.508%200%201%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72zm5.5%205.5a.508.508%200%200%200-.72-.72l-1%201a.508.508%200%200%200%20.72.72z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/triangular-ruler.svg?color=%231a73e8&size=48
