Icône Instagram
uim:instagram
L'icône Instagram (uim:instagram) est une icône SVG gratuite de la collection Unicons Monochrome par Iconscout. Elle est dessinée sur une grille de 24 × 24. Les Unicons Monochrome icons sont publiées sous la licence Apache 2.0, 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
- Unicons Monochrome
- Auteur
- Iconscout
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Logos de marques
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.865A5.135 5.135 0 1 0 17.135 12A5.135 5.135 0 0 0 12 6.865m0 8.469A3.334 3.334 0 1 1 15.334 12A3.333 3.333 0 0 1 12 15.334"/><path fill="currentColor" d="M21.94 7.877a7.3 7.3 0 0 0-.465-2.427a4.9 4.9 0 0 0-1.153-1.772a4.9 4.9 0 0 0-1.77-1.153a7.3 7.3 0 0 0-2.428-.464C15.058 2.012 14.717 2 12.001 2s-3.057.011-4.123.06a7.3 7.3 0 0 0-2.428.465a4.9 4.9 0 0 0-1.77 1.153A4.9 4.9 0 0 0 2.525 5.45a7.3 7.3 0 0 0-.464 2.427c-.05 1.066-.06 1.407-.06 4.123s.01 3.057.06 4.123a7.3 7.3 0 0 0 .464 2.427a4.9 4.9 0 0 0 1.154 1.772a4.9 4.9 0 0 0 1.771 1.153a7.3 7.3 0 0 0 2.428.464C8.944 21.988 9.285 22 12 22s3.057-.011 4.123-.06a7.3 7.3 0 0 0 2.427-.465a5.1 5.1 0 0 0 2.925-2.925a7.3 7.3 0 0 0 .465-2.427c.048-1.067.06-1.407.06-4.123s-.012-3.057-.06-4.123m-1.8 8.164a5.6 5.6 0 0 1-.343 1.857a3.3 3.3 0 0 1-1.898 1.898a5.5 5.5 0 0 1-1.857.344c-1.055.048-1.371.058-4.042.058s-2.986-.01-4.04-.058a5.5 5.5 0 0 1-1.857-.344a3.1 3.1 0 0 1-1.15-.748a3.1 3.1 0 0 1-.748-1.15a5.5 5.5 0 0 1-.344-1.857c-.048-1.054-.058-1.37-.058-4.04s.01-2.987.058-4.042a5.6 5.6 0 0 1 .344-1.857a3.1 3.1 0 0 1 .748-1.15a3.1 3.1 0 0 1 1.15-.748A5.5 5.5 0 0 1 7.96 3.86C9.014 3.81 9.331 3.8 12 3.8s2.987.011 4.042.059a5.6 5.6 0 0 1 1.857.344a3.3 3.3 0 0 1 1.898 1.898a5.5 5.5 0 0 1 .344 1.857c.048 1.055.058 1.37.058 4.041s-.01 2.986-.058 4.041M17.339 5.462"/></svg>
Comment utiliser l'icône Instagram
React
import { Icon } from "@iconify/react";
<Icon icon="uim:instagram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uim:instagram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uim:instagram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uim--instagram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uim -->
<div class="i-uim:instagram"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uim:instagram"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/uim/instagram.svg" alt="Icône Instagram" width="24" height="24">
Icônes similaires dans Unicons Monochrome
L'icône Instagram dans d'autres collections
FAQ : Icône Instagram
L'icône Instagram est-elle gratuite pour un usage commercial ?
Oui. Les Unicons Monochrome icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Instagram dans React ?
Installez @iconify/react et affichez <Icon icon="uim:instagram" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Instagram à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/uim/instagram.svg" alt="Icône Instagram">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Unicons Monochrome →
ICONYZ
