Ruler Trinangle icon
glyphs-poly:ruler-trinangle
The Ruler Trinangle icon (glyphs-poly:ruler-trinangle) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- rulertrinangle
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M11.414 11.59C10.154 10.33 8 11.222 8 13.004v57.172a2 2 0 0 0 2 2h57.172c1.781 0 2.674-2.155 1.414-3.415zm13 33C23.154 43.33 21 44.222 21 46.004v11.172a2 2 0 0 0 2 2h11.172c1.781 0 2.674-2.155 1.414-3.415z" clip-rule="evenodd"/><path fill="#f2994a" d="m11.414 11.59l1.414-1.414zm57.172 57.17l-1.414 1.415zM24.414 44.59L23 46.004zM10 13.004l2.828-2.828C10.308 7.656 6 9.44 6 13.004zm0 57.172V13.004H6v57.172zm0 0H6a4 4 0 0 0 4 4zm57.172 0H10v4h57.172zm0 0v4c3.563 0 5.348-4.309 2.828-6.829zM10 13.004l57.172 57.172L70 67.347L12.828 10.176zm13 33l2.828-2.828C23.308 40.656 19 42.44 19 46.004zm0 11.172V46.004h-4v11.172zm0 0h-4a4 4 0 0 0 4 4zm11.172 0H23v4h11.172zm0 0v4c3.563 0 5.348-4.309 2.828-6.829zM23 46.004l11.172 11.172L37 54.347L25.828 43.176z"/><path fill="#eb5757" d="M52.08 59.59a2 2 0 0 0 2.829 2.828zm6.334-.677a2 2 0 1 0-2.828-2.829zm-15.749-7.447a2 2 0 1 0 2.829 2.829zm6.98-1.322a2 2 0 1 0-2.829-2.829zM34.542 42.05a2 2 0 0 0 2.829 2.829zm6.334-.676a2 2 0 1 0-2.829-2.829zm-15.749-7.447a2 2 0 1 0 2.829 2.829zm6.98-1.323a2 2 0 0 0-2.829-2.828zm-15.103-8.092a2 2 0 0 0 2.828 2.828zm6.334-.677a2 2 0 0 0-2.829-2.828zm31.57 38.582l3.506-3.505l-2.828-2.829l-3.506 3.505zm-9.414-8.123l4.15-4.151l-2.828-2.829l-4.15 4.151zM37.37 44.88l3.505-3.505l-2.829-2.829l-3.505 3.505zm-9.415-8.123l4.15-4.152l-2.828-2.828l-4.15 4.151zm-8.124-9.415l3.506-3.506l-2.829-2.828l-3.505 3.505z"/></g></svg>How to use the Ruler Trinangle icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:ruler-trinangle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:ruler-trinangle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:ruler-trinangle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--ruler-trinangle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:ruler-trinangle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:ruler-trinangle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/ruler-trinangle.svg" alt="Ruler Trinangle icon" width="24" height="24">Related icons in Glyphs Poly
Ruler Trinangle icon in other icon sets
Ruler Trinangle icon FAQ
Is the Ruler Trinangle icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ruler Trinangle icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:ruler-trinangle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ruler Trinangle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/ruler-trinangle.svg" alt="Ruler Trinangle icon">, or paste the SVG code inline to style it with CSS.