Ícone Instagram

il:instagram

O ícone Instagram (il:instagram) é um ícone SVG gratuito da coleção Icalicons de Icalia Labs. Ele é desenhado em uma grade de 740 × 850. Icalicons 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: Icalicons
Autor: Icalia Labs
Licença: MIT
Tamanho: 740 × 850

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="740" height="850" viewBox="0 0 740 850"><path fill="currentColor" d="M372 182q41 0 77 15t63 42t42 63t15 77t-15 76t-42 63t-63 42t-77 16t-77-16t-62-42t-42-63t-16-76t16-77t42-63t62-42t77-15m0 324q26 0 49-10t41-27t27-41t10-49t-10-50t-27-41t-41-27t-49-10t-49 10t-41 27t-27 41t-10 50t10 49t27 41t41 27t49 10m368-314q9 187 0 374q-2 36-17 68t-39 56t-57 40t-68 17q-47 2-93 3t-94 1t-93-1t-94-3q-36-2-68-17t-56-40t-40-56t-17-68q-8-187 0-374q2-36 17-68t40-57t56-39t68-17q187-9 374 0q36 2 68 17t57 39t39 57t17 68m-70 370q9-183 0-367q-1-22-11-42t-25-36t-36-26t-42-11q-46-2-92-3t-92-1t-92 1t-92 3q-22 1-42 11t-35 26t-26 36t-11 42q-9 184 0 368q1 22 11 42t26 35t35 26t42 11q184 9 368 0q22-1 42-11t36-26t25-36t11-42M569 138q18 0 31 13t13 31t-13 31t-31 13t-31-13t-13-31t13-31t31-13"/></svg>

Como usar o ícone Instagram

React

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

<Icon icon="il:instagram" width="24" />

Vue

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

<template>
  <Icon icon="il:instagram" width="24" />
</template>

Svelte

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

<Icon icon="il:instagram" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="il:instagram"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/il/instagram.svg" alt="Ícone Instagram" width="24" height="24">

O ícone Instagram em outras coleções

Perguntas frequentes sobre Ícone Instagram

O ícone Instagram é grátis para uso comercial?

Sim. Icalicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Instagram no React?

Instale @iconify/react e renderize <Icon icon="il:instagram" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Instagram a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/il/instagram.svg" alt="Ícone Instagram">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Icalicons →