Wheel Angle Bold アイコン

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

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

solar:wheel-angle-bold

Wheel Angle Bold アイコン(solar:wheel-angle-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
カテゴリ: パーツ
タグ: wheelangle、anglebold、wheelanglebold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21 12C21 17.5228 18.9277 22 16.3714 22H8.65714C9.5236 21.4385 10.3126 20.4506 10.8562 19.2763C11.73 17.3884 12.2571 14.8154 12.2571 12C12.2571 9.18462 11.73 6.61163 10.8562 4.72375C10.3126 3.54939 9.5236 2.56147 8.65714 2H16.3714C18.9277 2 21 6.47715 21 12Z"/><path fill-rule="evenodd" d="M4.31038 5.13411C3.50898 6.86553 3 9.29254 3 12C3 14.7075 3.50898 17.1345 4.31038 18.8659C5.1335 20.6442 6.16457 21.5 7.11429 21.5C8.064 21.5 9.09507 20.6442 9.91819 18.8659C10.7196 17.1345 11.2286 14.7075 11.2286 12C11.2286 9.29254 10.7196 6.86553 9.91819 5.13411C9.09507 3.35577 8.064 2.5 7.11429 2.5C6.16457 2.5 5.1335 3.35577 4.31038 5.13411ZM5.57143 12C5.57143 15.3137 6.26219 18 7.11429 18C7.90107 18 8.5503 15.7097 8.64521 12.75H7.62857C7.20252 12.75 6.85714 12.4142 6.85714 12C6.85714 11.5858 7.20252 11.25 7.62857 11.25H8.64521C8.5503 8.29027 7.90107 6 7.11429 6C6.26219 6 5.57143 8.68629 5.57143 12Z" clip-rule="evenodd"/></g></svg>

Wheel Angle Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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