Gear アイコン
emojione:gear
Gear アイコン(emojione:gear)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#3e4347"><path d="M14.3 18.3c1.1.2 1.6 1.3 1.1 2.3l-3.2 7.6c-.4 1.1-1.5 1.4-2.4.9L3 24.9c-.9-.6-1.3-1.9-.9-3l1.6-3.8c.4-1 1.7-1.7 2.7-1.5zM9.8 34.8c.9-.6 2-.2 2.5.9l3.2 7.6c.4 1.1-.1 2.1-1.1 2.3l-7.8 1.7c-1.1.2-2.3-.4-2.7-1.5L2.3 42c-.4-1.1 0-2.4.9-3zm8.5 14.9c.2-1.1 1.3-1.6 2.3-1.1l7.6 3.2c1.1.4 1.4 1.5.9 2.5L24.8 61c-.6.9-1.9 1.3-3 .9L18 60.3c-1-.4-1.7-1.7-1.5-2.7zm16.5 4.5c-.6-.9-.2-2 .9-2.5l7.6-3.2c1.1-.4 2.1.1 2.3 1.1l1.7 7.8c.2 1.1-.4 2.3-1.5 2.7L42 61.7c-1.1.4-2.4 0-3-.9zm14.9-8.5c-1.1-.2-1.6-1.3-1.1-2.3l3.2-7.6c.4-1 1.5-1.4 2.5-.9l6.8 4.3c.9.6 1.3 1.9.9 3L60.4 46c-.4 1-1.7 1.7-2.7 1.5zm4.5-16.5c-.9.6-2 .2-2.5-.9l-3.2-7.6c-.4-1.1.1-2.1 1.1-2.3l7.8-1.7c1.1-.2 2.3.4 2.7 1.5l1.6 3.8c.4 1 0 2.4-.9 3zm-8.5-14.9c-.2 1.1-1.3 1.6-2.3 1.1l-7.6-3.2c-1.1-.4-1.4-1.5-.9-2.5L39.1 3c.6-.9 1.9-1.3 3-.9l3.8 1.6c1 .4 1.7 1.7 1.5 2.7zM29.2 9.8c.6.9.2 2-.9 2.5l-7.6 3.2c-1 .4-2.1-.1-2.3-1.1l-1.7-7.8c-.2-1.1.4-2.3 1.5-2.7L22 2.3c1.1-.4 2.4 0 3 .9z"/><path d="M32 6.7C18 6.7 6.7 18 6.7 32S18 57.3 32 57.3S57.3 46 57.3 32S46 6.7 32 6.7m0 41.2c-8.8 0-15.9-7.1-15.9-15.9S23.2 16.1 32 16.1S47.9 23.2 47.9 32S40.8 47.9 32 47.9"/></g><path fill="#94989b" d="M32 12.3c-10.9 0-19.7 8.8-19.7 19.7S21.1 51.7 32 51.7S51.7 42.9 51.7 32S42.9 12.3 32 12.3m0 27.2c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5"/><path fill="#3e4347" d="M32 17c-8.3 0-15 6.7-15 15s6.7 15 15 15s15-6.7 15-15s-6.7-15-15-15m0 22.5c-4.1 0-7.5-3.4-7.5-7.5s3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5s-3.4 7.5-7.5 7.5"/></svg>
Gear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:gear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:gear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:gear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--gear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:gear"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:gear"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/gear.svg" alt="Gear アイコン" width="24" height="24">
Gear アイコン のよくある質問
Gear アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Gear アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:gear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/gear.svg" alt="Gear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
