ICONYZ
Français
Icône Instagram Light de selfh.st/icons

Icône Instagram Light

selfhst:instagram-light

L'icône Instagram Light (selfhst:instagram-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
selfh.st/icons
Auteur
selfh.st
Licence
CC-BY-4.0
Taille
512 × 512
Mots-clés
instagramlight
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M403.3 144.5c-3.4-8.8-7.5-15.1-14.1-21.7s-12.9-10.7-21.7-14.1c-6.7-2.6-16.7-5.7-35.1-6.5c-20-.9-25.9-1.1-76.4-1.1h-17c-35.2 0-42 .2-59.4 1.1c-18.4.8-28.4 3.9-35.1 6.5c-8.8 3.4-15.1 7.5-21.7 14.1s-10.7 12.9-14.1 21.7c-2.6 6.7-5.7 16.7-6.5 35.1c-.9 20-1.1 25.9-1.1 76.4s.2 56.5 1.1 76.4c.8 18.4 3.9 28.4 6.5 35.1c3.4 8.8 7.5 15.1 14.1 21.7s12.9 10.7 21.7 14.1c6.7 2.6 16.7 5.6 35.1 6.5c19.9.9 25.9 1.1 76.4 1.1s56.5-.2 76.4-1.1c18.4-.8 28.4-3.9 35.1-6.5c8.8-3.4 15.1-7.5 21.7-14.1s10.7-12.9 14.1-21.7c2.6-6.7 5.7-16.7 6.5-35.1c.9-20 1.1-25.9 1.1-76.4s-.2-56.5-1.1-76.4c-.8-18.4-3.9-28.4-6.5-35.1M256 353.1c-53.6 0-97.1-43.4-97.1-97S202.4 159 256 159s97 43.5 97 97.1s-43.4 97-97 97m100.9-175.2c-12.5 0-22.7-10.2-22.7-22.7c0-12.6 10.2-22.7 22.7-22.7c12.5-.1 22.7 10.2 22.7 22.7s-10.2 22.7-22.7 22.7M256 193c34.8 0 63 28.2 63 63s-28.2 63-63 63s-63-28.2-63-63s28.2-63 63-63m255.6-81.7c-1.6-20.6-5.1-34.4-12.3-49c-5.9-12-12.4-20.9-21.9-30c-16.9-16.2-37.6-26-62.3-29.6C403.1 1 400.8.5 339.6.4h-83.5V.1C149.2.1 118 .2 111.9.7C89.9 2.5 76.3 6 61.4 13.4C50 19.1 40.9 25.6 32 34.9C15.8 51.8 5.9 72.5 2.4 97.2C.7 109.2.2 111.6.1 172.8V256c0 106.8.1 138 .6 144.1c1.8 21.3 5.1 34.8 12.2 49.5c13.5 28.1 39.4 49.2 69.9 57.1c10.6 2.7 22.2 4.2 37.2 4.9c6.3.3 71 .5 135.6.5s129.3-.1 135.5-.4c17.3-.8 27.4-2.2 38.5-5c30.7-7.9 56.1-28.7 69.9-57.2c7-14.3 10.5-28.3 12.1-48.5c.3-4.4.5-74.7.5-144.9s-.2-140.4-.5-144.8m-67.7 222.6c-1 20.1-4.2 33.9-8.8 45.9c-4.8 12.4-11.3 23-21.8 33.5s-21.1 17-33.5 21.8c-12 4.7-25.8 7.9-45.9 8.8S307.3 445 256 445s-57.7-.2-77.9-1.1c-20.1-.9-33.9-4.1-45.9-8.8c-12.5-4.8-23-11.3-33.5-21.8s-17-21.1-21.8-33.5c-4.7-12-7.9-25.8-8.8-45.9S67 307.3 67 256s.2-57.7 1.1-77.9c.9-20.1 4.1-33.9 8.8-45.9c4.8-12.4 11.3-23 21.8-33.5s21.1-17 33.5-21.8c12-4.7 25.8-7.9 45.9-8.8S204.7 67 256 67s57.7.2 77.9 1.1c20.1.9 33.9 4.1 45.9 8.8c12.5 4.8 23 11.3 33.5 21.8s17 21.1 21.8 33.5c4.7 12 7.9 25.8 8.8 45.9s1.1 26.6 1.1 77.9s-.2 57.7-1.1 77.9"/></svg>

Comment utiliser l'icône Instagram Light

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:instagram-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:instagram-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:instagram-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--instagram-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:instagram-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:instagram-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/instagram-light.svg" alt="Icône Instagram Light" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Instagram Light

L'icône Instagram Light est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Instagram Light dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:instagram-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Instagram Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/instagram-light.svg" alt="Icône Instagram Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →