Cogwheel アイコン
glyphs:cogwheel
Cogwheel アイコン(glyphs:cogwheel)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M65.75 30.66a27.7 27.7 0 0 0-5.25-9.097a1.92 1.92 0 0 0-1.74-.626l-4.409.655a2.1 2.1 0 0 1-1.528-.384a23 23 0 0 0-3.867-2.233a2.1 2.1 0 0 1-1.097-1.131l-1.638-4.148a1.92 1.92 0 0 0-1.412-1.194M60.494 57.87a27.7 27.7 0 0 0 5.254-9.1a1.92 1.92 0 0 0-.328-1.82l-2.77-3.487a2.1 2.1 0 0 1-.43-1.516a23 23 0 0 0 0-4.462a2.1 2.1 0 0 1 .43-1.516l2.771-3.49a1.92 1.92 0 0 0 .329-1.819m-5.256 27.21a1.92 1.92 0 0 1-1.74.624l-4.405-.654a2.1 2.1 0 0 0-1.528.384a23 23 0 0 1-3.864 2.231a2.1 2.1 0 0 0-1.097 1.132l-1.636 4.142a1.92 1.92 0 0 1-1.411 1.194c-3.47.67-7.037.67-10.507 0m0 .001a1.92 1.92 0 0 1-1.411-1.194l-1.636-4.143c-.2-.507-.6-.906-1.097-1.131a23 23 0 0 1-3.865-2.231a2.1 2.1 0 0 0-1.529-.385l-4.408.655a1.92 1.92 0 0 1-1.74-.625a27.7 27.7 0 0 1-5.253-9.095"/><path d="M13.367 48.776a1.92 1.92 0 0 1 .328-1.82l2.772-3.491a2.1 2.1 0 0 0 .431-1.516a23 23 0 0 1 0-4.465a2.1 2.1 0 0 0-.431-1.516l-2.774-3.493a1.92 1.92 0 0 1-.328-1.82a27.7 27.7 0 0 1 5.25-9.093"/><path d="M44.81 12.502a27.7 27.7 0 0 0-10.5-.001a1.92 1.92 0 0 0-1.412 1.194l-1.638 4.148c-.2.507-.601.907-1.098 1.132a23 23 0 0 0-3.867 2.233c-.444.317-.99.464-1.529.384l-4.412-.655a1.92 1.92 0 0 0-1.74.625"/></g></svg>Cogwheel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cogwheel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cogwheel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cogwheel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cogwheel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cogwheel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cogwheel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/cogwheel.svg" alt="Cogwheel アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Cogwheel アイコン
Cogwheel アイコン のよくある質問
Cogwheel アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cogwheel アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:cogwheel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cogwheel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/cogwheel.svg" alt="Cogwheel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。