Cog アイコン

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

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

stash:cog

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

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.414 3.396A1.25 1.25 0 0 1 10.66 2.25h2.68c.65 0 1.192.498 1.246 1.146l.093 1.117c.91.325 1.743.812 2.464 1.424l1.015-.478a1.25 1.25 0 0 1 1.616.506l1.34 2.32a1.25 1.25 0 0 1-.37 1.652l-.921.64a8 8 0 0 1 0 2.846l.921.64a1.25 1.25 0 0 1 .37 1.652l-1.34 2.32a1.25 1.25 0 0 1-1.616.506l-1.015-.478a8 8 0 0 1-2.464 1.424l-.093 1.117a1.25 1.25 0 0 1-1.246 1.146h-2.68a1.25 1.25 0 0 1-1.246-1.146l-.093-1.117a8 8 0 0 1-2.464-1.424l-1.015.478a1.25 1.25 0 0 1-1.616-.506l-1.34-2.32a1.25 1.25 0 0 1 .37-1.652l.921-.64a8 8 0 0 1 0-2.846l-.92-.64a1.25 1.25 0 0 1-.37-1.652l1.34-2.32a1.25 1.25 0 0 1 1.615-.506l1.015.478a8 8 0 0 1 2.464-1.424zm1.476.354l-.158 1.903l-.5.142a6.44 6.44 0 0 0-2.72 1.573l-.373.36l-1.729-.814L4.3 8.836l1.57 1.089l-.126.503a6.5 6.5 0 0 0 0 3.144l.126.503l-1.57 1.089l1.11 1.922l1.73-.815l.372.361a6.44 6.44 0 0 0 2.72 1.573l.5.142l.158 1.903h2.22l.159-1.903l.499-.142a6.44 6.44 0 0 0 2.72-1.573l.373-.36l1.729.814l1.11-1.922l-1.569-1.089l.126-.503a6.46 6.46 0 0 0 0-3.145l-.126-.502L19.7 8.836l-1.11-1.922l-1.73.815l-.372-.361a6.44 6.44 0 0 0-2.72-1.573l-.5-.142l-.158-1.903zm3.059 7.125a2.25 2.25 0 1 0-3.898 2.25a2.25 2.25 0 0 0 3.898-2.25m-3.824-2.123a3.75 3.75 0 1 1 3.75 6.496a3.75 3.75 0 0 1-3.75-6.496"/></svg>

Cog アイコンの使い方

React

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

<Icon icon="stash:cog" width="24" />

Vue

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

<template>
  <Icon icon="stash:cog" width="24" />
</template>

Svelte

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

<Icon icon="stash:cog" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:cog"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/cog.svg" alt="Cog アイコン" width="24" height="24">

Stash Icons の関連アイコン

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

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

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

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

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

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

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

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

Stash Icons をすべて見る →