Icono Sns
ls:sns
El icono Sns (ls:sns) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 685 × 717. 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
- 685 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="685" height="717" viewBox="0 0 685 717"><path fill="currentColor" d="m271 392l173 97c25-29 62-47 104-47c76 0 137 62 137 138s-61 137-137 137c-77 0-138-61-138-137c0-8 1-17 2-25l-178-99c-25 25-59 40-97 40C61 496 0 435 0 359s61-137 137-137c39 0 75 16 100 42l177-96c-2-10-4-20-4-30C410 62 471 0 548 0c76 0 137 62 137 138s-61 137-137 137c-39 0-74-15-99-42l-178 95c2 10 3 21 3 31c0 11-1 23-3 33"/></svg>Cómo usar el icono Sns
React
import { Icon } from "@iconify/react";
<Icon icon="ls:sns" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:sns" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:sns" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--sns]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:sns"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:sns"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/sns.svg" alt="Icono Sns" width="24" height="24">El icono Sns en otras colecciones
Preguntas frecuentes sobre Icono Sns
¿El icono Sns 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 Sns en React?
Instala @iconify/react y renderiza <Icon icon="ls:sns" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Sns a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/sns.svg" alt="Icono Sns">, o pega el código SVG en línea para darle estilo con CSS.