Gear アイコン

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

はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

raphael:gear

Gear アイコン(raphael:gear)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Raphael
作者: Dmitry Baranovskiy
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m26.974 16.514l3.765-1.99a15 15 0 0 0-.397-2.158l-4.182-.58c-.36-.87-.84-1.68-1.4-2.422l1.593-3.92a15 15 0 0 0-1.686-1.407l-3.55 2.23c-.834-.44-1.73-.77-2.673-.985L17.16 1.306c-.363-.027-.727-.056-1.098-.056s-.734.028-1.1.056l-1.27 3.94c-.967.208-1.884.544-2.738.987L7.458 4.037c-.595.43-1.16.895-1.685 1.406l1.55 3.812c-.604.775-1.11 1.63-1.49 2.55l-4.05.56a14.6 14.6 0 0 0-.395 2.157l3.635 1.923c.04 1.013.21 1.994.506 2.918l-2.743 3.032c.32.66.674 1.303 1.085 1.905l4.037-.867c.66.72 1.415 1.35 2.247 1.873l-.153 4.13q.996.45 2.062.75l2.554-3.283c.453.058.912.097 1.38.097c.507 0 1.003-.046 1.49-.113l2.568 3.3c.71-.2 1.4-.45 2.062-.748l-.156-4.206a11 11 0 0 0 2.146-1.82l4.142.888a15 15 0 0 0 1.085-1.905l-2.83-3.13c.27-.876.423-1.8.467-2.753zm-6.257 4.783l-1.785 1.162l-1.098-1.688a5.1 5.1 0 0 1-1.834.353a5.126 5.126 0 1 1 3.625-1.504z"/></svg>

Gear アイコンの使い方

React

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

<Icon icon="raphael:gear" width="24" />

Vue

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

<template>
  <Icon icon="raphael:gear" width="24" />
</template>

Svelte

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

<Icon icon="raphael:gear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--gear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:gear"></div>

Web コンポーネント

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

<iconify-icon icon="raphael:gear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/raphael/gear.svg" alt="Gear アイコン" width="24" height="24">

他のアイコンセットの Gear アイコン

Gear アイコンのよくある質問

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

はい。Raphael icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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