Icono Surprise
ls:surprise
El icono Surprise (ls:surprise) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 698. 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
- 717 × 698
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="698" viewBox="0 0 717 698"><path fill="currentColor" d="M358 0c198 0 359 155 359 349S556 698 358 698S0 543 0 349S160 0 358 0M119 236c0 58 47 106 105 106s106-48 106-106s-48-105-106-105s-105 47-105 105m374 106c58 0 105-48 105-106s-47-105-105-105s-106 47-106 105s48 106 106 106M271 236c0 26-21 47-47 47s-47-21-47-47s21-47 47-47s47 21 47 47m222-47c26 0 47 21 47 47s-21 47-47 47s-48-21-48-47s22-47 48-47M316 579h84c51 0 94-42 94-94s-43-94-94-94h-84c-51 0-93 42-93 94s42 94 93 94"/></svg>
Cómo usar el icono Surprise
React
import { Icon } from "@iconify/react";
<Icon icon="ls:surprise" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:surprise" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:surprise" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--surprise]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:surprise"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:surprise"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/surprise.svg" alt="Icono Surprise" width="24" height="24">
El icono Surprise en otras colecciones
Preguntas frecuentes sobre Icono Surprise
¿El icono Surprise 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 Surprise en React?
Instala @iconify/react y renderiza <Icon icon="ls:surprise" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Surprise a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/surprise.svg" alt="Icono Surprise">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
