Cogwheel Outline アイコン

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

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

glyphs:cogwheel-outline

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.922 10.488a29.8 29.8 0 0 1 11.276.001a3.97 3.97 0 0 1 2.93 2.454l1.616 4.095c.012.029.03.057.058.07a25 25 0 0 1 4.215 2.434c.025.018.058.02.09.014l4.351-.646a3.97 3.97 0 0 1 3.591 1.311a29.8 29.8 0 0 1 5.638 9.77a3.97 3.97 0 0 1-.66 3.764l-2.735 3.444c-.02.025-.036.054-.033.086a25 25 0 0 1 0 4.864c-.003.031.013.06.032.085l2.734 3.443a3.97 3.97 0 0 1 .66 3.764a29.8 29.8 0 0 1-5.643 9.772a3.97 3.97 0 0 1-3.59 1.31l-4.347-.646c-.032-.005-.065-.004-.09.014a25 25 0 0 1-4.212 2.432c-.029.013-.046.041-.058.07l-1.614 4.09a3.97 3.97 0 0 1-2.93 2.453a29.8 29.8 0 0 1-11.283.001a3.97 3.97 0 0 1-2.93-2.454l-1.615-4.089c-.012-.03-.029-.057-.058-.07a25 25 0 0 1-4.212-2.432c-.026-.019-.06-.02-.09-.015l-4.352.646a3.97 3.97 0 0 1-3.59-1.31a29.8 29.8 0 0 1-5.641-9.767a3.97 3.97 0 0 1 .66-3.765l2.736-3.446a.12.12 0 0 0 .032-.085a25 25 0 0 1 0-4.867c.003-.031-.013-.06-.032-.085l-2.738-3.448a3.97 3.97 0 0 1-.66-3.765a29.8 29.8 0 0 1 5.637-9.765a3.97 3.97 0 0 1 3.59-1.31l4.355.646c.032.005.065.004.09-.015a25 25 0 0 1 4.216-2.433c.029-.013.046-.041.058-.071l1.617-4.095a3.97 3.97 0 0 1 2.93-2.454m1.95 3.828a1.91 1.91 0 0 0-1.492 1.207l-1.214 3.073a4.15 4.15 0 0 1-2.157 2.246a21 21 0 0 0-3.52 2.032a4.15 4.15 0 0 1-3.024.746l-3.27-.486c-.678-.1-1.366.15-1.791.69a25.7 25.7 0 0 0-3.686 6.385a1.91 1.91 0 0 0 .3 1.896l2.054 2.588a4.15 4.15 0 0 1 .866 2.992a21 21 0 0 0 0 4.063a4.15 4.15 0 0 1-.865 2.992l-2.054 2.586a1.91 1.91 0 0 0-.299 1.896a25.7 25.7 0 0 0 3.69 6.388a1.91 1.91 0 0 0 1.791.688l3.266-.485a4.15 4.15 0 0 1 3.023.745a21 21 0 0 0 3.518 2.031a4.15 4.15 0 0 1 2.157 2.246l1.212 3.068a1.91 1.91 0 0 0 1.492 1.207c2.447.355 4.934.355 7.38-.001a1.91 1.91 0 0 0 1.493-1.207l1.211-3.068a4.15 4.15 0 0 1 2.157-2.245a21 21 0 0 0 3.517-2.03a4.15 4.15 0 0 1 3.023-.746l3.262.484c.68.101 1.367-.15 1.792-.688a25.7 25.7 0 0 0 3.69-6.392a1.91 1.91 0 0 0-.298-1.896l-2.051-2.582a4.15 4.15 0 0 1-.866-2.992a21 21 0 0 0 0-4.061a4.15 4.15 0 0 1 .866-2.992l2.052-2.584a1.91 1.91 0 0 0 .3-1.896a25.7 25.7 0 0 0-3.687-6.39a1.91 1.91 0 0 0-1.792-.689l-3.265.485a4.15 4.15 0 0 1-3.024-.745a21 21 0 0 0-3.52-2.032a4.15 4.15 0 0 1-2.157-2.246l-1.213-3.073a1.91 1.91 0 0 0-1.493-1.207a25.7 25.7 0 0 0-7.373-.001" clip-rule="evenodd"/></svg>

Cogwheel Outline アイコンの使い方

React

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

<Icon icon="glyphs:cogwheel-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:cogwheel-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:cogwheel-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="glyphs:cogwheel-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/cogwheel-outline.svg" alt="Cogwheel Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Cogwheel Outline アイコンのよくある質問

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

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

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

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

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

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

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