Icône Arrows In
foundation:arrows-in
L'icône Arrows In (foundation:arrows-in) est une icône SVG gratuite de la collection Foundation par Zurb. Elle est dessinée sur une grille de 100 × 100. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Foundation
- Auteur
- Zurb
- Licence
- MIT
- Taille
- 100 × 100
- Mots-clés
- arrowsin, arrow
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/foundation/arrows-in.svg" alt="Icône Arrows In" width="24" height="24">Icônes similaires dans Foundation
L'icône Arrows In dans d'autres collections
FAQ : Icône Arrows In
L'icône Arrows In est-elle gratuite pour un usage commercial ?
Oui. Les Foundation icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Arrows In dans React ?
Installez @iconify/react et affichez <Icon icon="foundation:arrows-in" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Arrows In à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/foundation/arrows-in.svg" alt="Icône Arrows In">, ou collez le code SVG directement dans la page pour le styliser en CSS.