Icono Svg
openmoji:svg
El icono Svg (openmoji:svg) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Extras de OpenMoji
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGoKD6HdOR" d="M53.404 44.132a5.556 5.556 0 0 0-9.242 4.157v4.444a5.556 5.556 0 0 0 11.11 0V50.48h-4.444m-10.741-7.748L35.643 58.29L31.2 42.732m-4.81 3.101c-.455-1.772-2.423-3.102-4.781-3.102c-2.696 0-4.88 1.739-4.88 3.886c0 2.145 2.184 3.886 4.88 3.886l-.1.013c2.696 0 4.881 1.741 4.881 3.886c0 2.148-2.185 3.886-4.88 3.886c-2.36 0-4.327-1.332-4.782-3.104"/></defs><g stroke="#000"><g stroke-width="8" transform="translate(-134.7 18.68)scale(.8851)"><path stroke-linecap="round" stroke-linejoin="round" d="M192.9-2.429v22m15.6-15.556l-15.6 15.56m22-.005h-44m22 0L177.3 4.01"/><ellipse cx="192.9" cy="-3.328" rx=".87" ry=".899"/><ellipse cx="150.2" cy="-145.5" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="19.57" cy="-170" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="19.57" cy="-215.8" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="-122.6" cy="-127.3" rx=".87" ry=".899" transform="rotate(135)"/></g><use href="#SVGoKD6HdOR" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" clip-rule="evenodd"/></g><g transform="translate(4.97 4.974)scale(.8621)"><g class="UnoptimicedTransforms" transform="translate(-134.7 -44.62)scale(.8851)"><path stroke="#000" stroke-linejoin="round" stroke-width="18" d="m192.9 69.08l-.04 22.01" class="UnoptimicedTransforms"/><path d="m170.9 82.08l-.002 9h44v-9z" color="#000"/><path d="M160.027 91.09c0-5.435 4.432-9.841 9.9-9.841s9.902 4.406 9.902 9.841zm45.753 0c0-5.435 4.432-9.841 9.9-9.841s9.902 4.406 9.902 9.841z" class="UnoptimicedTransforms"/><circle cx="176.7" cy="74.88" r="9.83"/><circle cx="209.1" cy="74.88" r="9.83"/><circle cx="192.9" cy="68.19" r="9.83"/><rect width="22.56" height="3.551" x="182.1" y="80.08" rx="3.482" ry="3.482"/></g><g fill="#f1b31c" stroke="#f1b31c" stroke-width="8" transform="translate(-134.7 18.68)scale(.8851)"><path stroke-linecap="round" stroke-linejoin="round" d="M192.9-2.429V41.57m15.6-37.555L177.3 35.13m37.6-15.56h-44m37.6 15.56L177.3 4.015"/><ellipse cx="192.9" cy="42.47" rx=".87" ry=".899"/><ellipse cx="192.9" cy="-3.328" rx=".87" ry=".899"/><ellipse cx="150.2" cy="-99.67" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="150.2" cy="-145.5" rx=".87" ry=".899" transform="rotate(45)"/><ellipse cx="19.57" cy="-170" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="19.57" cy="-215.8" rx=".87" ry=".899" transform="rotate(90)"/><ellipse cx="-122.6" cy="-127.3" rx=".87" ry=".899" transform="rotate(135)"/><ellipse cx="-122.6" cy="-173.1" rx=".87" ry=".899" transform="rotate(135)"/></g><ellipse cx="56.43" cy="35.93" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="15.64" cy="35.93" fill="#f1b31c" rx="4.206" ry="4.238"/><rect width="58.1" height="29.02" x="6.95" y="36" rx="4.698" ry="5"/><rect width="56.94" height="12.72" x="7.524" y="35.99" stroke="#000" stroke-linecap="square" stroke-width="1.149" rx="0" ry="0"/><use href="#SVGoKD6HdOR" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" clip-rule="evenodd"/><ellipse cx="21.61" cy="21.56" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="36.04" cy="15.42" fill="#f1b31c" rx="4.206" ry="4.238"/><ellipse cx="50.46" cy="21.56" fill="#f1b31c" rx="4.206" ry="4.238"/></g></svg>Cómo usar el icono Svg
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:svg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:svg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:svg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--svg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:svg"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:svg"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/svg.svg" alt="Icono Svg" width="24" height="24">El icono Svg en otras colecciones
Preguntas frecuentes sobre Icono Svg
¿El icono Svg es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Svg en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:svg" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Svg a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/svg.svg" alt="Icono Svg">, o pega el código SVG en línea para darle estilo con CSS.