Ícone Ruler
reicon:ruler
O ícone Ruler (reicon:ruler) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Ferramentas
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.688 4.142l.964.964a.75.75 0 0 1-1.061 1.06l-.964-.964l-1.06 1.06l1.67 1.672a.75.75 0 0 1-1.06 1.06l-1.671-1.67l-1.061 1.06l.964.964a.75.75 0 1 1-1.06 1.061l-.965-.964l-1.06 1.06l1.67 1.672a.75.75 0 1 1-1.06 1.06l-1.671-1.67l-1.06 1.06l.963.964a.75.75 0 1 1-1.06 1.06l-.964-.963c-.464.469-.799.821-1.034 1.13c-.29.38-.358.604-.358.798c0 .193.068.417.358.797c.303.398.77.868 1.468 1.565l1.446 1.446c.697.697 1.167 1.165 1.565 1.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77 1.564-1.468l8.678-8.677c.697-.697 1.165-1.168 1.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13 1.034m.22-2.227c.514-.392 1.054-.665 1.708-.665s1.194.273 1.707.665c.487.372 1.028.913 1.679 1.563l1.52 1.52c.65.65 1.191 1.192 1.563 1.679c.392.513.665 1.054.665 1.707c0 .654-.273 1.194-.665 1.708c-.372.487-.913 1.028-1.563 1.678l-8.752 8.752c-.65.65-1.191 1.191-1.678 1.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028 1.563-1.678l8.752-8.752c.65-.65 1.191-1.191 1.678-1.563" clip-rule="evenodd"/></svg>
Como usar o ícone Ruler
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:ruler" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:ruler" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:ruler" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--ruler]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:ruler"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:ruler"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/ruler.svg" alt="Ícone Ruler" width="24" height="24">
Ícones relacionados em Reicon
O ícone Ruler em outras coleções
Perguntas frequentes sobre Ícone Ruler
O ícone Ruler é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Ruler no React?
Instale @iconify/react e renderize <Icon icon="reicon:ruler" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ruler a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/ruler.svg" alt="Ícone Ruler">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
ICONYZ
