Icono Pinwheel Bold
ph:pinwheel-bold
El icono Pinwheel Bold (ph:pinwheel-bold) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor icons se publican bajo la licencia MIT, 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
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- toys, whirligig, pinwheelbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m232.49 215.52l-44-44a64 64 0 0 0 35.59-81a12 12 0 0 0-15.38-7.17l-35.61 13a64 64 0 0 0-82.5-80.46a12 12 0 0 0-7.17 15.38l13 35.61a64 64 0 0 0-80.49 82.55a12 12 0 0 0 15.38 7.17l35.61-13a63.94 63.94 0 0 0 82.55 80.49a12 12 0 0 0 7.17-15.38l-12.95-35.59a63.5 63.5 0 0 0 15.7 3.16l56.17 56.17a12 12 0 0 0 17-17ZM129.38 39.78a40 40 0 0 1 7.43 68L110.7 36.05a39.8 39.8 0 0 1 18.68 3.73m-93.33 89.54a40 40 0 0 1 71.75-26.11Zm74.59 70.92a40 40 0 0 1-7.43-68L129.32 204a39.8 39.8 0 0 1-18.68-3.76m36.45-51.51a39.86 39.86 0 0 1-14.87-11.92L204 110.7a40 40 0 0 1-56.88 38Z"/></svg>Cómo usar el icono Pinwheel Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:pinwheel-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:pinwheel-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:pinwheel-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--pinwheel-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:pinwheel-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:pinwheel-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/pinwheel-bold.svg" alt="Icono Pinwheel Bold" width="24" height="24">Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Pinwheel Bold
¿El icono Pinwheel Bold es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Pinwheel Bold en React?
Instala @iconify/react y renderiza <Icon icon="ph:pinwheel-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pinwheel Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/pinwheel-bold.svg" alt="Icono Pinwheel Bold">, o pega el código SVG en línea para darle estilo con CSS.