ICONYZ
Português (Brasil)
Ícone Steering Wheel Cool Rounded de Material Symbols Light

Ícone Steering Wheel Cool Rounded

material-symbols-light:steering-wheel-cool-rounded

O ícone Steering Wheel Cool Rounded (material-symbols-light:steering-wheel-cool-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Symbols Light
Autor
Google
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Transporte público
Tags
steeringwheel, wheelcool, coolrounded, steeringwheelcoolrounded, steering wheel cool outline rounded
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12q0-3.28 2.029-5.718t5.113-3.059q.233-.054.385.066q.152.119.2.295q.048.177-.047.353t-.345.261q-2.608.544-4.383 2.555q-1.775 2.01-1.935 4.747h7.514q.136 0 .258.059q.12.058.202.15q.446.485.967.873q.52.387 1.125.677q.292.131.385.449t-.112.573L12.5 16.596v3.387q2.766-.166 4.799-1.966t2.549-4.46q.09-.307.27-.471q.178-.165.36-.186q.183-.021.314.085t.1.332q-.484 3.299-3.001 5.49Q15.372 21 12 21m-.5-1.017v-3.387L8.211 12.5H4.017q.177 3.033 2.314 5.17t5.169 2.313m5.184-8.109q-.126-.126-.126-.316V9.806l-1.368 1.386q-.148.148-.316.148t-.316-.148t-.139-.323t.139-.304l2-2.019V7.442h-1.104l-2.02 2q-.147.13-.316.139q-.168.01-.316-.139q-.148-.148-.148-.323t.148-.304l1.392-1.373h-1.752q-.19 0-.316-.126Q12 7.191 12 7t.126-.316t.316-.126h1.752L12.808 5.17q-.148-.148-.148-.316t.148-.317t.323-.138t.304.138l2.019 2.02h1.104V5.44l-2-2.019q-.13-.129-.139-.316q-.01-.188.139-.317q.148-.129.313-.129q.166 0 .295.13l1.392 1.392V2.423q0-.19.126-.316q.125-.126.316-.126t.316.126q.126.126.126.316v1.758l1.387-1.387q.129-.129.316-.129t.317.13q.148.128.138.313q-.01.184-.138.313l-2.02 2.02v1.117h1.118l2.019-2.02q.129-.128.316-.138t.317.139q.129.128.126.306t-.132.307l-1.387 1.406h1.758q.19 0 .316.126T22.02 7t-.126.316t-.316.126H19.82l1.373 1.368q.13.129.139.316q.01.188-.12.316q-.128.149-.316.139q-.187-.01-.316-.139l-2.02-2h-1.117v1.104l2.02 2.014q.148.148.148.316t-.148.316t-.326.139t-.307-.139l-1.387-1.386v1.752q0 .19-.126.316T17 12t-.316-.126"/></svg>

Como usar o ícone Steering Wheel Cool Rounded

React

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

<Icon icon="material-symbols-light:steering-wheel-cool-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:steering-wheel-cool-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:steering-wheel-cool-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--steering-wheel-cool-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:steering-wheel-cool-rounded"></div>

Web component

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

<iconify-icon icon="material-symbols-light:steering-wheel-cool-rounded"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/steering-wheel-cool-rounded.svg" alt="Ícone Steering Wheel Cool Rounded" width="24" height="24">

Ícones relacionados em Material Symbols Light

O ícone Steering Wheel Cool Rounded em outras coleções

Perguntas frequentes sobre Ícone Steering Wheel Cool Rounded

O ícone Steering Wheel Cool Rounded é grátis para uso comercial?

Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Steering Wheel Cool Rounded no React?

Instale @iconify/react e renderize <Icon icon="material-symbols-light:steering-wheel-cool-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Steering Wheel Cool Rounded a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/steering-wheel-cool-rounded.svg" alt="Ícone Steering Wheel Cool Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →