Icono Onesies
icon-park:onesies
El icono Onesies (icon-park:onesies) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Bebé
- Etiquetas
- onesy
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M7 21L4 11C5.83333 9.66667 13 5 24 5C35 5 42 9.66667 44 11L41 21H34V37C34 41 31 44 27 44H21C17 44 14 41 14 37V21H7Z"/><path stroke="#fff" d="M34 34C34 34 25 34 25 44"/><path stroke="#fff" d="M14 34C14 34 23 34 23 44"/><path stroke="#fff" d="M29.811 5.5C29.9344 5.97943 30 6.48205 30 7C30 10.3137 27.3137 13 24 13C20.6863 13 18 10.3137 18 7C18 6.48205 18.0656 5.97943 18.189 5.5"/><path stroke="#000" d="M35.9997 6.98996C32.8112 5.88268 28.7837 5 23.9997 5C19.2157 5 15.1568 5.88268 11.9463 6.98996"/><path stroke="#000" d="M14 31C14 31 14 35.875 14 37"/><path stroke="#000" d="M34 31C34 31 34 35.875 34 37"/><path stroke="#000" d="M21 44C25 44 24 44 27 44"/></g></svg>Cómo usar el icono Onesies
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:onesies" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:onesies" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:onesies" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--onesies]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:onesies"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:onesies"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Icono Onesies" width="24" height="24">El icono Onesies en otras colecciones
Preguntas frecuentes sobre Icono Onesies
¿El icono Onesies es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Onesies en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:onesies" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Onesies a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/onesies.svg" alt="Icono Onesies">, o pega el código SVG en línea para darle estilo con CSS.