Wheel Bold アイコン

Q: Wheel Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:wheel-bold

Wheel Bold アイコン(solar:wheel-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: パーツ
タグ: wheelbold

SVG をダウンロード

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="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM17.9536 12.7499H14.9055C14.7675 13.2861 14.485 13.7644 14.1019 14.1406L15.6262 16.7807C16.8809 15.8275 17.7489 14.3917 17.9536 12.7499ZM14.3277 17.5318L12.8032 14.8913C12.5476 14.9621 12.2782 15 12 15C11.7218 15 11.4524 14.9621 11.1967 14.8912L9.6722 17.5317C10.388 17.8333 11.1745 18 12 18C12.8255 18 13.612 17.8333 14.3277 17.5318ZM8.37379 16.7806L9.89806 14.1405C9.515 13.7643 9.23247 13.2861 9.09448 12.7499H6.0464C6.2511 14.3917 7.11911 15.8275 8.37379 16.7806ZM17.9536 11.2499H14.9055C14.7674 10.7137 14.4849 10.2355 14.1018 9.85938L15.6261 7.21928C16.8808 8.1724 17.7488 9.60814 17.9536 11.2499ZM14.3277 6.46822C13.6119 6.16668 12.8254 6 12 6C11.1746 6 10.388 6.16669 9.67227 6.46824L11.1968 9.10874C11.4524 9.03787 11.7218 9 12 9C12.2782 9 12.5475 9.03787 12.8032 9.10873L14.3277 6.46822ZM9.89812 9.85942L8.37385 7.21931C7.1192 8.17244 6.25119 9.60816 6.04644 11.2499H9.09455C9.23257 10.7137 9.51509 10.2356 9.89812 9.85942Z" clip-rule="evenodd"/></svg>

Wheel Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:wheel-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/wheel-bold.svg" alt="Wheel Bold アイコン" width="24" height="24">

Solar の関連アイコン

Wheel Bold アイコンのよくある質問

Wheel Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Wheel Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:wheel-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Wheel Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/wheel-bold.svg" alt="Wheel Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →