ICONYZ
Español
Icono Rulers 16 de Qlementine Icons

Icono Rulers 16

qlementine-icons:rulers-16

El icono Rulers 16 (qlementine-icons:rulers-16) es un icono SVG gratuito de la colección Qlementine Icons de Olivier Cléro. Está dibujado en una cuadrícula de 24 × 24. Qlementine 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
Qlementine Icons
Autor
Olivier Cléro
Licencia
MIT
Tamaño
24 × 24
Categoría
Varios
Etiquetas
ruler
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.1 0c.412 0 .751 0 1.03.023c.281.023.54.071.782.195c.376.192.682.498.874.874c.124.243.172.5.195.782c.023.275.023.615.023 1.03v.199c0 .412 0 .75-.023 1.03s-.072.54-.195.782a2 2 0 0 1-.874.874c-.243.124-.501.172-.782.195c-.275.022-.615.022-1.03.022H6v7.6c0 .84 0 1.26-.163 1.58l-.059.104a1.5 1.5 0 0 1-.598.553l-.125.054c-.307.11-.72.109-1.46.109h-1.2l-.557-.003c-.406-.007-.68-.028-.899-.106l-.125-.054a1.5 1.5 0 0 1-.656-.656c-.163-.32-.163-.74-.163-1.58v-11.2c0-.735 0-1.15.11-1.46L.157.822C.284.575.476.368.711.224L.815.166c.241-.122.537-.152 1.02-.16l.557-.003h10.7zM2.4 1c-.437 0-.704.001-.904.018a1.4 1.4 0 0 0-.184.024l-.031.01l-.008.003a.5.5 0 0 0-.219.219l-.003.008l-.01.03a1 1 0 0 0-.024.185c-.016.2-.018.468-.018.904V3h.5a.5.5 0 0 1 0 1H1v2h.5a.5.5 0 0 1 0 1H1v2h.5a.5.5 0 0 1 0 1H1v2h.5a.5.5 0 0 1 0 1H1v.6c0 .436.002.704.018.904c.007.093.016.149.024.184l.01.031l.003.008a.5.5 0 0 0 .227.222q.007.004.031.01c.034.008.09.016.184.024c.2.016.468.018.904.018h1.2c.437 0 .704-.002.904-.018a1 1 0 0 0 .184-.024q.024-.006.031-.01l.008-.003a.5.5 0 0 0 .219-.22l.003-.007l.01-.031c.008-.034.017-.09.024-.184c.016-.2.018-.468.018-.904V2.4c0-.437-.002-.704-.018-.904a1.4 1.4 0 0 0-.024-.184q-.006-.024-.01-.031l-.003-.008a.5.5 0 0 0-.219-.22l-.008-.002q-.007-.004-.031-.01a1 1 0 0 0-.184-.024A13 13 0 0 0 3.6 1zm3.51 0c.091.301.093.708.093 1.4V5h7.1c.428 0 .72 0 .945-.019c.219-.017.33-.05.409-.09a1 1 0 0 0 .436-.437c.04-.079.073-.19.09-.41c.019-.224.02-.516.02-.944v-.2c0-.427-.001-.72-.02-.944c-.017-.22-.05-.331-.09-.41a1 1 0 0 0-.436-.436c-.078-.04-.19-.073-.41-.091A13 13 0 0 0 13.104 1h-1.1v.5a.5.5 0 0 1-1 0V1h-2v.5a.5.5 0 0 1-1 0V1h-2.09z" clip-rule="evenodd"/></svg>

Cómo usar el icono Rulers 16

React

import { Icon } from "@iconify/react";

<Icon icon="qlementine-icons:rulers-16" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="qlementine-icons:rulers-16" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="qlementine-icons:rulers-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--rulers-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:rulers-16"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="qlementine-icons:rulers-16"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/qlementine-icons/rulers-16.svg" alt="Icono Rulers 16" width="24" height="24">

Preguntas frecuentes sobre Icono Rulers 16

¿El icono Rulers 16 es gratis para uso comercial?

Sí. Qlementine Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Rulers 16 en React?

Instala @iconify/react y renderiza <Icon icon="qlementine-icons:rulers-16" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Rulers 16 a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/qlementine-icons/rulers-16.svg" alt="Icono Rulers 16">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Qlementine Icons →