Ícone Arrows In
foundation:arrows-in
O ícone Arrows In (foundation:arrows-in) é um ícone SVG gratuito da coleção Foundation de Zurb. Ele é desenhado em uma grade de 100 × 100. Foundation 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
- Foundation
- Autor
- Zurb
- Licença
- MIT
- Tamanho
- 100 × 100
- Tags
- arrowsin, arrow
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m35.995 89.365l4.69-28.272a1.61 1.61 0 0 0-.449-1.401l-.002-.002a1.61 1.61 0 0 0-1.406-.447L10.63 64.007c-.594.1-1.081.525-1.264 1.1a1.61 1.61 0 0 0 .395 1.628l5.513 5.513L.473 87.05a1.61 1.61 0 0 0 0 2.277l10.2 10.201a1.61 1.61 0 0 0 2.278 0l14.802-14.802l5.515 5.515a1.61 1.61 0 0 0 1.63.394a1.61 1.61 0 0 0 1.097-1.27m28.011-78.73l-4.69 28.273a1.61 1.61 0 0 0 .449 1.4l.002.003c.37.367.893.534 1.406.447l28.196-4.766a1.61 1.61 0 0 0 .869-2.728l-5.513-5.513l14.802-14.802a1.61 1.61 0 0 0 0-2.278l-10.2-10.2a1.61 1.61 0 0 0-2.278 0L72.248 15.274l-5.515-5.515a1.61 1.61 0 0 0-2.727.876m25.359 53.371l-28.271-4.69a1.61 1.61 0 0 0-1.401.449l-.003.003a1.6 1.6 0 0 0-.447 1.406l4.765 28.196c.1.594.525 1.082 1.099 1.264a1.61 1.61 0 0 0 1.629-.395l5.513-5.513l14.803 14.803a1.61 1.61 0 0 0 2.277-.002l10.201-10.2a1.61 1.61 0 0 0 0-2.278L84.727 72.248l5.516-5.515a1.612 1.612 0 0 0-.878-2.727m-78.73-28.011l28.272 4.69a1.6 1.6 0 0 0 1.401-.449l.002-.003a1.61 1.61 0 0 0 .448-1.406L35.993 10.63a1.61 1.61 0 0 0-1.099-1.264a1.6 1.6 0 0 0-1.629.395l-5.513 5.513L12.951.473a1.61 1.61 0 0 0-2.278-.001L.472 10.673a1.61 1.61 0 0 0 0 2.278l14.801 14.802l-5.515 5.515a1.612 1.612 0 0 0 .877 2.727"/></svg>Como usar o ícone Arrows In
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:arrows-in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:arrows-in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:arrows-in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--arrows-in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:arrows-in"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:arrows-in"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/foundation/arrows-in.svg" alt="Ícone Arrows In" width="24" height="24">Ícones relacionados em Foundation
O ícone Arrows In em outras coleções
Perguntas frequentes sobre Ícone Arrows In
O ícone Arrows In é grátis para uso comercial?
Sim. Foundation icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Arrows In no React?
Instale @iconify/react e renderize <Icon icon="foundation:arrows-in" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Arrows In a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/foundation/arrows-in.svg" alt="Ícone Arrows In">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.