Icono Ruler Combined
glyphs-poly:ruler-combined
El icono Ruler Combined (glyphs-poly:ruler-combined) es un icono SVG gratuito de la colección Glyphs Poly de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs Poly
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- rulercombined
Código SVG
<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="M14 12a2 2 0 0 0-2 2v52c0 .552.224 1.052.586 1.414L36 44V14a2 2 0 0 0-2-2z" clip-rule="evenodd"/><path fill="#f2994a" d="m12.586 67.414l-1.414 1.414a2 2 0 0 0 2.828 0zM36 44l1.414 1.414A2 2 0 0 0 38 44zM14 14v-4a4 4 0 0 0-4 4zm0 52V14h-4v52zm0 0h-4a4 4 0 0 0 1.172 2.828zm20.586-23.414L11.172 66L14 68.828l23.414-23.414zM34 14v30h4V14zm0 0h4a4 4 0 0 0-4-4zm-20 0h20v-4H14z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28 20h8m-8 9h8m-8 9h8"/><path fill="#f2c94c" fill-rule="evenodd" d="M68 66a2 2 0 0 1-2 2H14a2 2 0 0 1-1.414-.586L36 44h30a2 2 0 0 1 2 2z" clip-rule="evenodd"/><path fill="#f2994a" d="M68 66h-2zm-55.414 1.414l-1.414 1.414a2 2 0 0 1 0-2.828zM36 44l-1.414-1.414A2 2 0 0 1 36 42zm30 0v2zm2 2h2zm-2 20h4a4 4 0 0 1-4 4zm-52 0h52v4H14zm0 0v4a4 4 0 0 1-2.828-1.172zm23.414-20.586L14 68.828L11.172 66l23.414-23.414zM66 46H36v-4h30zm0 0v-4a4 4 0 0 1 4 4zm0 20V46h4v20z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M60 52v-8m-9 8v-8m-9 8v-8"/></g></svg>
Cómo usar el icono Ruler Combined
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:ruler-combined" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:ruler-combined" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:ruler-combined" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--ruler-combined]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:ruler-combined"></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-combined"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/ruler-combined.svg" alt="Icono Ruler Combined" width="24" height="24">
Iconos relacionados en Glyphs Poly
El icono Ruler Combined en otras colecciones
Preguntas frecuentes sobre Icono Ruler Combined
¿El icono Ruler Combined es gratis para uso comercial?
Sí. Glyphs Poly icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ruler Combined en React?
Instala @iconify/react y renderiza <Icon icon="glyphs-poly:ruler-combined" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ruler Combined a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs-poly/ruler-combined.svg" alt="Icono Ruler Combined">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs Poly →
ICONYZ
