Icono Instagram
ls:instagram
El icono Instagram (ls:instagram) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 680 × 694. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 680 × 694
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="694" viewBox="0 0 680 694"><path fill="currentColor" d="M680 289V82c0-37-31-68-68-68H68C31 14 0 45 0 82v207h165c26-71 95-122 175-122s149 51 175 122zm0 60H527v5c0 103-84 187-187 187s-187-84-187-187v-5H0v277c0 37 31 68 68 68h544c37 0 68-31 68-68zM59 74h34v156H59zm68 0h34v156h-34zm68 0h34v98c-11 8-23 17-34 26zm145 408c71 0 127-57 127-128s-56-127-127-127s-128 56-128 127s57 128 128 128M459 74h161v156H512c-14-21-33-38-53-52z"/></svg>
Cómo usar el icono Instagram
React
import { Icon } from "@iconify/react";
<Icon icon="ls:instagram" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:instagram" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:instagram" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--instagram]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:instagram"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:instagram"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/instagram.svg" alt="Icono Instagram" width="24" height="24">
El icono Instagram en otras colecciones
Preguntas frecuentes sobre Icono Instagram
¿El icono Instagram es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Instagram en React?
Instala @iconify/react y renderiza <Icon icon="ls:instagram" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Instagram a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/instagram.svg" alt="Icono Instagram">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
