ICONYZ
Español
Icono Wheel Angle Outline de Solar

Icono Wheel Angle Outline

solar:wheel-angle-outline

El icono Wheel Angle Outline (solar:wheel-angle-outline) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Solar
Autor
480 Design
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
Piezas
Etiquetas
wheelangle, angleoutline, wheelangleoutline
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.00196 5.23671C4.24043 6.929 3.75 9.31952 3.75 12C3.75 14.6805 4.24043 17.071 5.00196 18.7633C5.79517 20.526 6.73632 21.25 7.5 21.25C8.26368 21.25 9.20483 20.526 9.99804 18.7633C10.7596 17.071 11.25 14.6805 11.25 12C11.25 9.31952 10.7596 6.929 9.99804 5.23671C9.20483 3.47401 8.26368 2.75 7.5 2.75C6.73632 2.75 5.79517 3.47401 5.00196 5.23671ZM10.2389 2.75C10.6781 3.28594 11.0548 3.92984 11.3659 4.62116C12.2331 6.54815 12.75 9.15764 12.75 12C12.75 14.8424 12.2331 17.4518 11.3659 19.3788C11.0548 20.0702 10.6781 20.7141 10.2389 21.25H16.5C17.2637 21.25 18.2048 20.526 18.998 18.7633C19.7596 17.071 20.25 14.6805 20.25 12C20.25 9.31952 19.7596 6.929 18.998 5.23671C18.2048 3.47401 17.2637 2.75 16.5 2.75H10.2389ZM7.5 1.25H16.5C18.2216 1.25 19.5305 2.76457 20.3659 4.62116C21.2331 6.54815 21.75 9.15764 21.75 12C21.75 14.8424 21.2331 17.4518 20.3659 19.3788C19.5305 21.2354 18.2216 22.75 16.5 22.75H7.5C5.7784 22.75 4.46954 21.2354 3.63408 19.3788C2.76693 17.4518 2.25 14.8424 2.25 12C2.25 9.15764 2.76693 6.54815 3.63408 4.62116C4.46954 2.76457 5.7784 1.25 7.5 1.25ZM7.16695 7.93926C6.91427 8.94997 6.75 10.386 6.75 12C6.75 13.614 6.91427 15.05 7.16695 16.0607C7.27429 16.4901 7.39041 16.8131 7.5 17.0327C7.60959 16.8131 7.72571 16.4901 7.83305 16.0607C8.04585 15.2096 8.19594 14.0567 8.23802 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H8.23802C8.19594 9.94326 8.04585 8.79044 7.83305 7.93926C7.72571 7.50989 7.60959 7.18687 7.5 6.96732C7.39041 7.18687 7.27429 7.50989 7.16695 7.93926ZM7.67359 6.70119C7.67364 6.70159 7.6707 6.70448 7.66463 6.70868C7.67051 6.70289 7.67354 6.70079 7.67359 6.70119ZM7.33537 6.70868C7.3293 6.70448 7.32636 6.70159 7.32641 6.70119C7.32646 6.70079 7.32949 6.70289 7.33537 6.70868ZM7.32641 17.2988C7.32636 17.2984 7.3293 17.2955 7.33537 17.2913C7.32949 17.2971 7.32646 17.2992 7.32641 17.2988ZM7.66463 17.2913C7.6707 17.2955 7.67364 17.2984 7.67359 17.2988C7.67354 17.2992 7.67051 17.2971 7.66463 17.2913ZM6.27048 6.08989C6.47289 5.74744 6.86402 5.25 7.5 5.25C8.13598 5.25 8.52711 5.74744 8.72952 6.08989C8.9616 6.48254 9.1446 7.00079 9.28827 7.57546C9.57848 8.73632 9.75 10.3003 9.75 12C9.75 13.6997 9.57848 15.2637 9.28827 16.4245C9.1446 16.9992 8.9616 17.5175 8.72952 17.9101C8.52711 18.2526 8.13598 18.75 7.5 18.75C6.86402 18.75 6.47289 18.2526 6.27048 17.9101C6.0384 17.5175 5.8554 16.9992 5.71173 16.4245C5.42152 15.2637 5.25 13.6997 5.25 12C5.25 10.3003 5.42152 8.73632 5.71173 7.57546C5.8554 7.00079 6.0384 6.48254 6.27048 6.08989Z" clip-rule="evenodd"/></svg>

Cómo usar el icono Wheel Angle Outline

React

import { Icon } from "@iconify/react";

<Icon icon="solar:wheel-angle-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:wheel-angle-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:wheel-angle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--wheel-angle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:wheel-angle-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:wheel-angle-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/wheel-angle-outline.svg" alt="Icono Wheel Angle Outline" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Wheel Angle Outline

¿El icono Wheel Angle Outline es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Wheel Angle Outline en React?

Instala @iconify/react y renderiza <Icon icon="solar:wheel-angle-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Wheel Angle Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/wheel-angle-outline.svg" alt="Icono Wheel Angle Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →