Ícone Instagram Square
mage:instagram-square
O ícone Instagram Square (mage:instagram-square) é um ícone SVG gratuito da coleção Mage Icons de MageIcons. Ele é desenhado em uma grade de 24 × 24. Mage Icons são publicados sob a licença Apache 2.0, 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
- Mage Icons
- Autor
- MageIcons
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Tags
- instagramsquare
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.823 12.234c-.016.35-.13.688-.331.975a1.7 1.7 0 0 1-.829.643a1.77 1.77 0 0 1-1.053.088a1.8 1.8 0 0 1-.926-.516a1.9 1.9 0 0 1-.468-.976a1.76 1.76 0 0 1 .127-1.043c.144-.327.38-.606.682-.8c.307-.19.662-.291 1.024-.292c.477.026.926.232 1.258.575a1.85 1.85 0 0 1 .516 1.346"/><path fill="currentColor" d="M17.265 8.002a2.26 2.26 0 0 0-1.248-1.248a2.6 2.6 0 0 0-.887-.175H8.968A2.31 2.31 0 0 0 6.667 8.88v6.279a2.3 2.3 0 0 0 .682 1.628a2.32 2.32 0 0 0 1.619.673h6.162a2.32 2.32 0 0 0 2.123-1.419a2.3 2.3 0 0 0 .178-.882v-6.27a2.6 2.6 0 0 0-.166-.887m-2.437 5.441a2.9 2.9 0 0 1-.644.975c-.28.283-.611.51-.975.673a3.13 3.13 0 0 1-2.486-.028a3.08 3.08 0 0 1-1.765-3.365a3.2 3.2 0 0 1 .829-1.59a3.11 3.11 0 0 1 3.354-.692c.567.23 1.05.628 1.384 1.141a3.03 3.03 0 0 1 .527 1.677c.014.415-.063.827-.224 1.209M15.9 8.626a.555.555 0 1 1-1.102 0a.557.557 0 1 1 1.102 0"/><path fill="currentColor" d="M16.875 2.25h-9.75A4.875 4.875 0 0 0 2.25 7.125v9.75a4.875 4.875 0 0 0 4.875 4.875h9.75a4.875 4.875 0 0 0 4.875-4.875v-9.75a4.875 4.875 0 0 0-4.875-4.875m2.067 12.812c.01.51-.087 1.019-.283 1.491a3.9 3.9 0 0 1-2.096 2.096c-.473.196-.98.292-1.492.283H9.075a3.8 3.8 0 0 1-1.492-.282a4 4 0 0 1-1.258-.839a3.9 3.9 0 0 1-.838-1.258a3.7 3.7 0 0 1-.312-1.492V9.018a3.8 3.8 0 0 1 .283-1.492A3.9 3.9 0 0 1 7.535 5.41a3.9 3.9 0 0 1 1.54-.263h6.045a3.8 3.8 0 0 1 2.73 1.121c.357.362.641.79.838 1.258c.195.473.292.98.283 1.492z"/></svg>Como usar o ícone Instagram Square
React
import { Icon } from "@iconify/react";
<Icon icon="mage:instagram-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:instagram-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:instagram-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--instagram-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:instagram-square"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:instagram-square"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/mage/instagram-square.svg" alt="Ícone Instagram Square" width="24" height="24">Ícones relacionados em Mage Icons
O ícone Instagram Square em outras coleções
Perguntas frequentes sobre Ícone Instagram Square
O ícone Instagram Square é grátis para uso comercial?
Sim. Mage Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Instagram Square no React?
Instale @iconify/react e renderize <Icon icon="mage:instagram-square" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Instagram Square a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mage/instagram-square.svg" alt="Ícone Instagram Square">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.