Cogs Duo アイコン

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

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

glyphs:cogs-duo

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

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: cogsduo、cog

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M24.074 29.496c.302.435.8.691 1.33.683l4.846-.076a1.59 1.59 0 0 0 1.27-.668l2.208-3.112c.387-.546 1.076-.796 1.71-.584a21.4 21.4 0 0 1 6.938 3.874c.538.45.672 1.214.36 1.842l-1.613 3.248a1.59 1.59 0 0 0 .046 1.5l2.253 3.902c.266.46.745.758 1.276.791l3.617.227c.7.044 1.295.541 1.416 1.233c.457 2.63.418 5.327-.116 7.945c-.134.655-.695 1.127-1.36 1.19l-3.797.355a1.59 1.59 0 0 0-1.214.766l-2.488 4.157a1.59 1.59 0 0 0-.073 1.494l1.513 3.203c.294.624.156 1.371-.372 1.816a22.6 22.6 0 0 1-6.863 3.963c-.649.235-1.365-.019-1.759-.586l-2.018-2.912a1.59 1.59 0 0 0-1.33-.683l-4.844.076a1.59 1.59 0 0 0-1.27.669l-2.208 3.112c-.387.545-1.076.795-1.71.583a21.4 21.4 0 0 1-6.94-3.871c-.538-.45-.672-1.214-.36-1.843l1.614-3.249a1.59 1.59 0 0 0-.047-1.5l-2.253-3.903a1.59 1.59 0 0 0-1.276-.79l-3.622-.227c-.7-.044-1.295-.542-1.416-1.233a21.4 21.4 0 0 1 .115-7.945c.133-.655.694-1.127 1.36-1.19l3.802-.356a1.59 1.59 0 0 0 1.215-.765l2.488-4.16c.272-.454.3-1.014.074-1.492l-1.515-3.208c-.295-.624-.156-1.372.372-1.816a22.6 22.6 0 0 1 6.862-3.961c.65-.235 1.366.019 1.76.586zm3.554 8.888a8.47 8.47 0 0 0-7.134 4.118l-.135.226a8.02 8.02 0 0 0 7.007 12.137l.263-.004a8.47 8.47 0 0 0 7.134-4.12l.136-.225a8.02 8.02 0 0 0-7.007-12.137zM72.74 23.876a1.09 1.09 0 0 0-.472.9l.005 3.378c0 .357.176.691.47.895l2.062 1.423c.389.27.564.76.404 1.205a15.4 15.4 0 0 1-2.713 4.718a1.04 1.04 0 0 1-1.25.253l-2.25-1.075a1.09 1.09 0 0 0-1.015.04l-2.906 1.677c-.311.18-.514.5-.542.859l-.193 2.485a1.04 1.04 0 0 1-.845.956c-1.8.32-3.644.316-5.443-.01a1.04 1.04 0 0 1-.84-.953l-.203-2.495a1.09 1.09 0 0 0-.54-.854l-2.922-1.694a1.09 1.09 0 0 0-1.015-.041l-2.24 1.065a1.04 1.04 0 0 1-1.249-.254a15.5 15.5 0 0 1-2.721-4.712c-.162-.447.013-.94.404-1.209l2.044-1.408a1.09 1.09 0 0 0 .47-.899l-.004-3.378a1.09 1.09 0 0 0-.47-.895l-2.062-1.424a1.04 1.04 0 0 1-.405-1.204a15.4 15.4 0 0 1 2.712-4.719a1.04 1.04 0 0 1 1.25-.253l2.252 1.076c.324.155.704.14 1.015-.04l2.905-1.677c.311-.18.514-.5.542-.859l.194-2.49c.037-.473.376-.873.844-.956c1.8-.32 3.644-.317 5.443.01c.465.084.802.481.84.952l.203 2.5c.029.356.23.676.54.855l2.923 1.694c.31.18.69.195 1.014.04l2.245-1.067a1.04 1.04 0 0 1 1.249.255a15.5 15.5 0 0 1 2.72 4.712c.161.446-.014.939-.405 1.208zm-6.228 2.582a5.8 5.8 0 0 0-2.887-5a5.76 5.76 0 0 0-5.758-.008a5.76 5.76 0 0 0-2.87 4.99a5.8 5.8 0 0 0 2.886 5a5.76 5.76 0 0 0 5.758.01a5.76 5.76 0 0 0 2.871-4.991"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.074 29.496c.302.435.8.691 1.33.683l4.846-.076a1.59 1.59 0 0 0 1.27-.668l2.208-3.112c.387-.546 1.076-.796 1.71-.584a21.4 21.4 0 0 1 6.938 3.874c.538.45.672 1.214.36 1.842l-1.613 3.248a1.59 1.59 0 0 0 .046 1.5l2.253 3.902c.266.46.745.758 1.276.791l3.617.227c.7.044 1.295.541 1.416 1.233c.457 2.63.418 5.327-.116 7.945c-.134.655-.695 1.127-1.36 1.19l-3.797.355a1.59 1.59 0 0 0-1.214.766l-2.488 4.157a1.59 1.59 0 0 0-.073 1.494l1.513 3.203c.294.624.156 1.371-.372 1.816a22.6 22.6 0 0 1-6.863 3.963c-.649.235-1.365-.019-1.759-.586l-2.018-2.912a1.59 1.59 0 0 0-1.33-.683l-4.844.076a1.59 1.59 0 0 0-1.27.669l-2.208 3.112c-.387.545-1.076.795-1.71.583a21.4 21.4 0 0 1-6.94-3.871c-.538-.45-.672-1.214-.36-1.843l1.614-3.249a1.59 1.59 0 0 0-.047-1.5l-2.253-3.903a1.59 1.59 0 0 0-1.276-.79l-3.622-.227c-.7-.044-1.295-.542-1.416-1.233a21.4 21.4 0 0 1 .115-7.945c.133-.655.694-1.127 1.36-1.19l3.802-.356a1.59 1.59 0 0 0 1.215-.765l2.488-4.16c.272-.454.3-1.014.074-1.492l-1.515-3.208c-.295-.624-.156-1.372.372-1.816a22.6 22.6 0 0 1 6.862-3.961c.65-.235 1.366.019 1.76.586zm3.554 8.888a8.47 8.47 0 0 0-7.134 4.118l-.135.226a8.02 8.02 0 0 0 7.007 12.137l.263-.004a8.47 8.47 0 0 0 7.134-4.12l.136-.225a8.02 8.02 0 0 0-7.007-12.137zM72.74 23.876a1.09 1.09 0 0 0-.472.9l.005 3.378c0 .357.176.691.47.895l2.062 1.423c.389.27.564.76.404 1.205a15.4 15.4 0 0 1-2.713 4.718a1.04 1.04 0 0 1-1.25.253l-2.25-1.075a1.09 1.09 0 0 0-1.015.04l-2.906 1.677c-.311.18-.514.5-.542.859l-.193 2.485a1.04 1.04 0 0 1-.845.956c-1.8.32-3.644.316-5.443-.01a1.04 1.04 0 0 1-.84-.953l-.203-2.495a1.09 1.09 0 0 0-.54-.854l-2.922-1.694a1.09 1.09 0 0 0-1.015-.041l-2.24 1.065a1.04 1.04 0 0 1-1.249-.254a15.5 15.5 0 0 1-2.721-4.712c-.162-.447.013-.94.404-1.209l2.044-1.408a1.09 1.09 0 0 0 .47-.899l-.004-3.378a1.09 1.09 0 0 0-.47-.895l-2.062-1.424a1.04 1.04 0 0 1-.405-1.204a15.4 15.4 0 0 1 2.712-4.719a1.04 1.04 0 0 1 1.25-.253l2.252 1.076c.324.155.704.14 1.015-.04l2.905-1.677c.311-.18.514-.5.542-.859l.194-2.49c.037-.473.376-.873.844-.956c1.8-.32 3.644-.317 5.443.01c.465.084.802.481.84.952l.203 2.5c.029.356.23.676.54.855l2.923 1.694c.31.18.69.195 1.014.04l2.245-1.067a1.04 1.04 0 0 1 1.249.255a15.5 15.5 0 0 1 2.72 4.712c.161.446-.014.939-.405 1.208zm-6.228 2.582a5.8 5.8 0 0 0-2.887-5a5.76 5.76 0 0 0-5.758-.008a5.76 5.76 0 0 0-2.87 4.99a5.8 5.8 0 0 0 2.886 5a5.76 5.76 0 0 0 5.758.01a5.76 5.76 0 0 0 2.871-4.991"/></g></svg>

Cogs Duo アイコンの使い方

React

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

<Icon icon="glyphs:cogs-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:cogs-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:cogs-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cogs-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cogs-duo"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:cogs-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/cogs-duo.svg" alt="Cogs Duo アイコン" width="24" height="24">

Glyphs の関連アイコン

Cogs Duo アイコンのよくある質問

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

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

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

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

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

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

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