Steering Wheel Cool Rounded アイコン
material-symbols-light:steering-wheel-cool-rounded
Steering Wheel Cool Rounded アイコン(material-symbols-light:steering-wheel-cool-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 公共交通
- タグ
- steeringwheel、wheelcool、coolrounded、steeringwheelcoolrounded、steering wheel cool outline rounded
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/steering-wheel-cool-rounded.svg" alt="Steering Wheel Cool Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Steering Wheel Cool Rounded アイコン
Steering Wheel Cool Rounded アイコン のよくある質問
Steering Wheel Cool Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Steering Wheel Cool Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:steering-wheel-cool-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Steering Wheel Cool Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/steering-wheel-cool-rounded.svg" alt="Steering Wheel Cool Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。