Ícone Reqable
thesvg-color:reqable
O ícone Reqable (thesvg-color:reqable) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.977 1.15c-.062-.127-.226-.141-.344-.141c-.407 0-1.205.218-2.413.548l-.394.108c-1.833.5-3.59 1.914-4.339 2.518l-.03.024c.685-.934 2.494-3.814 2.344-4.148A.1.1 0 0 0 18.71 0c-.165 0-.349.19-.682.534c-.475.49-1.27 1.311-2.703 2.298c-.92.633-1.912 1.538-2.787 2.336c-1.124 1.025-2.186 1.994-2.687 1.994a.24.24 0 0 1-.214-.108c-.65-.953-1.32-1.465-1.99-1.524c-.142-.012-.288-.025-.438-.025c-.561 0-1.196.162-2.033 1.336c-.186.26-1.99.476-3.307.633c-.7.084-1.304.156-1.625.225c-.175.037-.252.057-.245.133c.008.073.075.079.28.079c.249 0 .696-.02 1.215-.043a63 63 0 0 1 2.61-.078c.897 0 1.447.051 1.634.153c.725.392 1.79 1.853 2.714 3.72c.897 1.812 3.19 3.732 4.643 4.238c1.11.387 1.286 1.416 1.551 2.975c.068.397.145.847.244 1.32c.333 1.583.52 1.797.66 1.797c.12 0 .197-.16.25-.521q.012-.076.018-.144c.5 1.82.761 2.054.933 2.054q.057-.001.093-.047c.102-.138 0-.588-.174-1.312c-.091-.378-.213-.884-.196-1.031c.138.14.511.863.79 1.401c.632 1.225.852 1.607.996 1.607a.1.1 0 0 0 .047-.013c.152-.096.007-.528-.413-1.65c-.22-.59-.45-1.2-.474-1.463c.128.1.443.524.68.843c.49.66.718.95.845.95a.1.1 0 0 0 .07-.034c.029-.035.035-.089.021-.176c-.057-.361-.52-1.465-1.01-2.634c-.421-1.002-.856-2.038-.959-2.446c-.226-.898-1.545-4.3-1.943-5.133c-.265-.554.71-1.19 1.423-1.654c.313-.204.583-.38.723-.526c.225-.235.474-.351.739-.474c.263-.122.535-.249.777-.501c.324-.34.379-.624.431-.9a2 2 0 0 1 .107-.4c.073-.179.32-.282.58-.39c.306-.128.653-.272.816-.58c.115-.216.184-.47.251-.717c.1-.365.193-.71.412-.776c.42-.125 1.083-.562 1.209-.988l.02-.072c.123-.42.408-1.404 1.118-2.431c.238-.345.312-.55.246-.685"/></svg>Como usar o ícone Reqable
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:reqable" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:reqable" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:reqable" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--reqable]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:reqable"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:reqable"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/reqable.svg" alt="Ícone Reqable" width="24" height="24">Perguntas frequentes sobre Ícone Reqable
O ícone Reqable é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Reqable no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:reqable" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Reqable a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/reqable.svg" alt="Ícone Reqable">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.