Icono Wheel
fluent-emoji:wheel
El icono Wheel (fluent-emoji:wheel) es un icono SVG gratuito de la colección Fluent Emoji de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji 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
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#B4714E" d="M16.03 16.29a.607.607 0 0 1-.605-.606V3.926c0-.333.272-.606.605-.606c.334 0 .606.273.606.606v11.758a.605.605 0 0 1-.606.606"/><path fill="url(#iYLVpdc)" d="M16.03 16.29a.607.607 0 0 1-.605-.606V3.926c0-.333.272-.606.605-.606c.334 0 .606.273.606.606v11.758a.605.605 0 0 1-.606.606"/><path fill="#B4714E" d="M16.03 28.68a.607.607 0 0 1-.605-.606V16.316a.607.607 0 0 1 1.211 0v11.758a.605.605 0 0 1-.606.605"/><path fill="url(#is2aYRb)" d="M16.03 28.68a.607.607 0 0 1-.605-.606V16.316a.607.607 0 0 1 1.211 0v11.758a.605.605 0 0 1-.606.605"/><path fill="#B4714E" d="M15.848 16.348a.6.6 0 0 1-.497-.26L8.61 6.458a.606.606 0 0 1 .99-.695l6.745 9.633a.606.606 0 0 1-.497.952"/><path fill="url(#iGDTaie)" d="M15.848 16.348a.6.6 0 0 1-.497-.26L8.61 6.458a.606.606 0 0 1 .99-.695l6.745 9.633a.606.606 0 0 1-.497.952"/><path fill="#B4714E" d="M22.955 26.496a.6.6 0 0 1-.497-.26l-6.741-9.629a.606.606 0 0 1 .99-.695l6.744 9.632a.606.606 0 0 1-.497.952"/><path fill="url(#iV7OBRb)" d="M22.955 26.496a.6.6 0 0 1-.497-.26l-6.741-9.629a.606.606 0 0 1 .99-.695l6.744 9.632a.606.606 0 0 1-.497.952"/><path fill="#B4714E" d="M15.732 16.499a.7.7 0 0 1-.208-.035L4.478 12.44a.605.605 0 1 1 .413-1.138l11.05 4.022a.605.605 0 0 1-.209 1.174"/><path fill="url(#isMQXYd)" d="M15.732 16.499a.7.7 0 0 1-.208-.035L4.478 12.44a.605.605 0 1 1 .413-1.138l11.05 4.022a.605.605 0 0 1-.209 1.174"/><path fill="#B4714E" d="M27.375 20.736a.7.7 0 0 1-.209-.035L16.12 16.678a.605.605 0 1 1 .414-1.138l11.05 4.023a.605.605 0 0 1-.21 1.173"/><path fill="url(#i6VRdmc)" d="M27.375 20.736a.7.7 0 0 1-.209-.035L16.12 16.678a.605.605 0 1 1 .414-1.138l11.05 4.023a.605.605 0 0 1-.21 1.173"/><path fill="#B4714E" d="M4.366 19.733a.605.605 0 0 1-.154-1.19l11.357-3.042a.604.604 0 1 1 .31 1.17L4.524 19.71a.5.5 0 0 1-.157.023"/><path fill="url(#iq1hIGb)" d="M4.366 19.733a.605.605 0 0 1-.154-1.19l11.357-3.042a.604.604 0 1 1 .31 1.17L4.524 19.71a.5.5 0 0 1-.157.023"/><path fill="#B4714E" d="M16.335 16.524a.605.605 0 0 1-.154-1.19l11.354-3.045a.604.604 0 1 1 .31 1.17L16.49 16.501a.5.5 0 0 1-.154.023"/><path fill="url(#imRpu4d)" d="M16.335 16.524a.605.605 0 0 1-.154-1.19l11.354-3.045a.604.604 0 1 1 .31 1.17L16.49 16.501a.5.5 0 0 1-.154.023"/><path fill="#B4714E" d="M8.27 25.855a.605.605 0 0 1-.462-.994l7.559-9.007a.605.605 0 1 1 .926.778L8.732 25.64a.6.6 0 0 1-.462.215"/><path fill="url(#isj8SAb)" d="M8.27 25.855a.605.605 0 0 1-.462-.994l7.559-9.007a.605.605 0 1 1 .926.778L8.732 25.64a.6.6 0 0 1-.462.215"/><path fill="#B4714E" d="M16.232 16.363a.605.605 0 0 1-.462-.994l7.56-9.007a.605.605 0 1 1 .926.78l-7.559 9.007a.6.6 0 0 1-.465.214"/><path fill="url(#iqALwle)" d="M16.232 16.363a.605.605 0 0 1-.462-.994l7.56-9.007a.605.605 0 1 1 .926.78l-7.559 9.007a.6.6 0 0 1-.465.214"/><path fill="url(#itUHZfb)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#iCQQ9Me)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#iYwCWMj)" d="M16.002 2C8.27 2 2 8.27 2 16.002c0 7.731 6.27 14.001 14.002 14.001c7.731 0 13.998-6.27 13.998-14.001C30 8.27 23.733 2 16.002 2m0 25.266c-6.222 0-11.268-5.046-11.268-11.268c0-6.221 5.046-11.267 11.268-11.267s11.267 5.046 11.267 11.267c-.003 6.226-5.045 11.268-11.267 11.268"/><path fill="url(#i94RUDw)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ixMS7ey)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#i7U1abe)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ibg1Gde)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#ixZCwYc)" d="M16.002 5.738a10.24 10.24 0 0 1 9.456 6.266a10.2 10.2 0 0 1 .805 3.995a10.24 10.24 0 0 1-6.267 9.456c-1.266.535-2.61.804-3.994.804s-2.731-.272-3.994-.804a10.2 10.2 0 0 1-3.264-2.2A10.23 10.23 0 0 1 5.741 16a10.23 10.23 0 0 1 3.004-7.257a10.23 10.23 0 0 1 7.257-3.004m0-1.004C9.78 4.734 4.734 9.78 4.734 16.002S9.78 27.269 16.002 27.269s11.267-5.045 11.267-11.267C27.266 9.78 22.224 4.734 16.002 4.734"/><path fill="url(#iAVm4XB)" d="M16.002 19.377a3.375 3.375 0 1 0 0-6.751a3.375 3.375 0 0 0 0 6.75"/><path fill="#B97C6F" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#iKiCmzD)" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#ibvmNyc)" d="M16.002 19.253a3.251 3.251 0 1 0 0-6.503a3.251 3.251 0 0 0 0 6.503"/><path fill="url(#i5r6XgC)" d="M16.002 17.576a1.574 1.574 0 1 0 0-3.148a1.574 1.574 0 0 0 0 3.148"/><path fill="url(#ieVsyZU)" d="M16.002 17.25a1.248 1.248 0 1 0 0-2.497a1.248 1.248 0 0 0 0 2.497"/><defs><radialGradient id="iYLVpdc" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.75 -1.17537 0 16.219 11.469)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".343" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="is2aYRb" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.75 -1.17537 0 16.219 23.858)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".343" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iGDTaie" cx="0" cy="0" r="1" gradientTransform="matrix(5.1875 7.417 -1.05911 .74075 12.75 10.927)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFEBAB"/><stop offset=".353" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iV7OBRb" cx="0" cy="0" r="1" gradientTransform="matrix(4.27751 6.22757 -.93124 .63964 19.813 21.094)" gradientUnits="userSpaceOnUse"><stop offset=".19" stop-color="#FFDFA1"/><stop offset=".378" stop-color="#FFCB94"/><stop offset=".702" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="isMQXYd" cx="0" cy="0" r="1" gradientTransform="matrix(9.62498 3.43749 -.38979 1.0914 8.5 12.969)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFEBAB"/><stop offset=".353" stop-color="#FFCB94"/><stop offset=".65" stop-color="#F0A25E"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="i6VRdmc" cx="0" cy="0" r="1" gradientTransform="rotate(-159.652 12.618 7.042)scale(10.0656 1.22956)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".507" stop-color="#F2916D"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iq1hIGb" cx="0" cy="0" r="1" gradientTransform="matrix(10.43754 -2.5625 .24043 .9793 5.188 18.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCB94"/><stop offset=".65" stop-color="#D0966B"/><stop offset="1" stop-color="#B76C3E"/></radialGradient><radialGradient id="imRpu4d" cx="0" cy="0" r="1" gradientTransform="matrix(-9.1875 2.68748 -.39094 -1.33649 21.188 14.594)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".662" stop-color="#E58B68"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="isj8SAb" cx="0" cy="0" r="1" gradientTransform="matrix(4.75 -5.625 1.12378 .94897 10.375 23.531)" gradientUnits="userSpaceOnUse"><stop offset=".116" stop-color="#FFCB94"/><stop offset=".694" stop-color="#D0966B"/><stop offset="1" stop-color="#B76C3E"/></radialGradient><radialGradient id="iqALwle" cx="0" cy="0" r="1" gradientTransform="matrix(-5.18754 6.06247 -1.43048 -1.22404 19.688 11.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDFA1"/><stop offset=".268" stop-color="#FFCB94"/><stop offset=".643" stop-color="#BA715C"/><stop offset="1" stop-color="#F0A25E" stop-opacity="0"/></radialGradient><radialGradient id="iCQQ9Me" cx="0" cy="0" r="1" gradientTransform="matrix(.25001 14.52965 -14.52795 .24998 16.25 16.002)" gradientUnits="userSpaceOnUse"><stop offset=".686" stop-color="#7B473B"/><stop offset=".781" stop-color="#73434C" stop-opacity="0"/><stop offset=".933" stop-color="#693E63" stop-opacity="0"/><stop offset="1" stop-color="#7A544C"/></radialGradient><radialGradient id="iYwCWMj" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.0016 -14 0 16 16)" gradientUnits="userSpaceOnUse"><stop offset=".81" stop-color="#834646"/><stop offset=".832" stop-color="#854748" stop-opacity="0"/></radialGradient><radialGradient id="ixMS7ey" cx="0" cy="0" r="1" gradientTransform="matrix(3.1875 5 -5 3.1875 9.125 8.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="i7U1abe" cx="0" cy="0" r="1" gradientTransform="rotate(-125.34 18.005 6.95)scale(4.214 4.21401)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="ibg1Gde" cx="0" cy="0" r="1" gradientTransform="matrix(-.8125 7.75 -7.75 -.8125 21.5 8.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#916861"/><stop offset="1" stop-color="#8F6660" stop-opacity="0"/></radialGradient><radialGradient id="ixZCwYc" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 16.002)scale(11.2673)" gradientUnits="userSpaceOnUse"><stop/><stop offset=".973" stop-color="#2F0E23" stop-opacity="0"/><stop offset="1" stop-color="#371029"/></radialGradient><radialGradient id="iKiCmzD" cx="0" cy="0" r="1" gradientTransform="matrix(1.5625 1.875 -2.37562 1.97969 14.875 17.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#5B2A26"/><stop offset="1" stop-color="#623330" stop-opacity="0"/></radialGradient><radialGradient id="ibvmNyc" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 16.002)scale(3.25136)" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#6B3032"/><stop offset=".547" stop-color="#843B4A" stop-opacity="0"/></radialGradient><linearGradient id="itUHZfb" x1="5.688" x2="25.25" y1="29.469" y2="5.156" gradientUnits="userSpaceOnUse"><stop stop-color="#8F5C5B"/><stop offset=".871" stop-color="#D69584"/></linearGradient><linearGradient id="i94RUDw" x1="23.375" x2="8.188" y1="7.594" y2="24.281" gradientUnits="userSpaceOnUse"><stop stop-color="#603C3E"/><stop offset=".589" stop-color="#805D56"/></linearGradient><linearGradient id="iAVm4XB" x1="18.625" x2="13.938" y1="13.656" y2="18.281" gradientUnits="userSpaceOnUse"><stop stop-color="#CF998B"/><stop offset=".757" stop-color="#7D484F"/></linearGradient><linearGradient id="i5r6XgC" x1="17.125" x2="14.428" y1="14.781" y2="17.031" gradientUnits="userSpaceOnUse"><stop stop-color="#F5B59B"/><stop offset=".263" stop-color="#DA9680"/><stop offset="1" stop-color="#C28472"/></linearGradient><linearGradient id="ieVsyZU" x1="17.25" x2="15.625" y1="15.406" y2="16.781" gradientUnits="userSpaceOnUse"><stop stop-color="#DD9881"/><stop offset="1" stop-color="#D5947E"/></linearGradient></defs></g></svg>Cómo usar el icono Wheel
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:wheel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:wheel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:wheel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--wheel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:wheel"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:wheel"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/wheel.svg" alt="Icono Wheel" width="24" height="24">Iconos relacionados en Fluent Emoji
El icono Wheel en otras colecciones
Preguntas frecuentes sobre Icono Wheel
¿El icono Wheel es gratis para uso comercial?
Sí. Fluent Emoji icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Wheel en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji:wheel" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Wheel a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji/wheel.svg" alt="Icono Wheel">, o pega el código SVG en línea para darle estilo con CSS.