Wheel Angle Outline icon

solar:wheel-angle-outline

The Wheel Angle Outline icon (solar:wheel-angle-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Parts
Tags: wheelangle, angleoutline, wheelangleoutline

Download SVG

SVG code

<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>

How to use the Wheel Angle Outline icon

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>

HTML image

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

Related icons in Solar

Wheel Angle Outline icon FAQ

Is the Wheel Angle Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Wheel Angle Outline icon in React?

Install @iconify/react and render <Icon icon="solar:wheel-angle-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Wheel Angle Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/wheel-angle-outline.svg" alt="Wheel Angle Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →