Icono Powder
icon-park:powder
El icono Powder (icon-park:powder) 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é
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M44 40V20C44 18.3431 42.6569 17 41 17H35.715C34.1737 17 32.8226 18.2428 31.7911 19.388C30.6326 20.6742 28.3769 22 24 22C19.6231 22 17.3674 20.6742 16.2089 19.388C15.1774 18.2428 13.8263 17 12.285 17H7C5.34315 17 4 18.3431 4 20V40C4 41.6569 5.34315 43 7 43H41C42.6569 43 44 41.6569 44 40Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33 17C33 19.7614 28.9706 22 24 22C19.0294 22 15 19.7614 15 17"/><ellipse cx="24" cy="10" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" rx="9" ry="5"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M33 17V10"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15 17V10"/><ellipse cx="27" cy="10" fill="#000" rx="2" ry="1"/><ellipse cx="21" cy="10" fill="#000" rx="2" ry="1"/></g></svg>Cómo usar el icono Powder
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:powder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:powder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:powder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--powder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:powder"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:powder"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/powder.svg" alt="Icono Powder" width="24" height="24">El icono Powder en otras colecciones
Preguntas frecuentes sobre Icono Powder
¿El icono Powder 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 Powder en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:powder" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Powder a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/powder.svg" alt="Icono Powder">, o pega el código SVG en línea para darle estilo con CSS.