Cogs 48 アイコン

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

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

energy-icons:cogs-48

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 48 × 48
タグ: cog

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m18.234 16.194l.098.005a1 1 0 0 1 .9.929l.235 3.543l.677.28l2.671-2.339l.077-.06a1 1 0 0 1 1.29.105l3.16 3.161a1 1 0 0 1 .046 1.367l-2.34 2.67l.28.677l3.543.236a1 1 0 0 1 .935.998v4.47a1 1 0 0 1-.935.997l-3.543.234l-.28.678l2.34 2.671a1 1 0 0 1-.045 1.367l-3.161 3.16a1 1 0 0 1-1.367.046l-2.671-2.34l-.678.28l-.234 3.543a1 1 0 0 1-.998.935h-4.47a1 1 0 0 1-.997-.935l-.236-3.543l-.677-.28l-2.67 2.34a1 1 0 0 1-1.367-.045l-3.16-3.161a1 1 0 0 1-.046-1.367l2.34-2.672l-.281-.676l-3.543-.235a1 1 0 0 1-.934-.998v-4.47a1 1 0 0 1 .934-.997l3.543-.236l.28-.677l-2.339-2.67a1 1 0 0 1 .045-1.367l3.161-3.16l.073-.066a1 1 0 0 1 1.294.02l2.67 2.34l.677-.281l.236-3.543l.01-.097a1 1 0 0 1 .988-.837zm-3.748 5.23a1 1 0 0 1-.615.857l-1.825.756a1 1 0 0 1-1.041-.172l-2.436-2.133l-1.838 1.838l2.133 2.436a1 1 0 0 1 .172 1.04l-.756 1.826a1 1 0 0 1-.857.615l-3.23.213v2.6l3.23.215l.14.02a1 1 0 0 1 .717.595l.756 1.825a1 1 0 0 1-.172 1.041L6.731 37.43l1.837 1.837l2.437-2.132l.112-.085a1 1 0 0 1 .929-.086l1.825.756l.126.062a1 1 0 0 1 .49.795l.213 3.23h2.598l.215-3.23l.02-.14a1 1 0 0 1 .595-.717l1.825-.756l.134-.045a1 1 0 0 1 .907.216l2.435 2.133l1.838-1.838l-2.133-2.435a1 1 0 0 1-.171-1.04l.756-1.826l.062-.127a1 1 0 0 1 .795-.488l3.23-.215V28.7l-3.23-.213a1 1 0 0 1-.857-.615l-.756-1.825a1 1 0 0 1 .17-1.041l2.133-2.437l-1.837-1.837l-2.435 2.133a1 1 0 0 1-1.04.172l-1.826-.756a1 1 0 0 1-.615-.857l-.215-3.23H14.7z"/><path fill="currentColor" d="M18.5 30a2.5 2.5 0 1 0-5 0a2.5 2.5 0 0 0 5 0m2 0a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M37.054 3.238a1 1 0 0 1 1 .952l.126 2.638l.574.331l2.35-1.209l.089-.04a1 1 0 0 1 1.233.429l2.055 3.56a1 1 0 0 1-.324 1.341l-2.222 1.429v.661l2.222 1.43a1 1 0 0 1 .324 1.342l-2.055 3.56a1 1 0 0 1-1.323.389l-2.35-1.21l-.573.33l-.127 2.64a1 1 0 0 1-.999.952h-4.11a1 1 0 0 1-.998-.953l-.128-2.638l-.573-.331l-2.349 1.21a1 1 0 0 1-1.324-.39l-2.055-3.56a1 1 0 0 1 .325-1.34l2.221-1.43v-.662l-2.22-1.429a1 1 0 0 1-.326-1.34l2.055-3.561a1 1 0 0 1 1.324-.389l2.349 1.21l.573-.332l.128-2.638l.009-.098a1 1 0 0 1 .989-.854zM33.79 7.47a1 1 0 0 1-.5.817l-1.517.877a1 1 0 0 1-.958.024l-1.987-1.024l-1.103 1.91l1.88 1.21a1 1 0 0 1 .458.84v1.752a1 1 0 0 1-.458.84l-1.88 1.21l1.103 1.91l1.987-1.022l.115-.051c.276-.1.585-.076.843.073l1.518.878l.105.07c.233.177.38.45.394.747l.107 2.232h2.204l.109-2.232l.013-.126a1 1 0 0 1 .486-.691l1.517-.878l.114-.056a1 1 0 0 1 .844.034l1.986 1.022l1.103-1.91l-1.879-1.21a1 1 0 0 1-.459-.84v-1.752a1 1 0 0 1 .46-.84l1.877-1.21l-1.102-1.91l-1.986 1.024a1 1 0 0 1-.958-.024l-1.517-.877a1 1 0 0 1-.5-.817l-.108-2.232h-2.204z"/><path fill="currentColor" d="M36 13a1 1 0 1 0-2-.001A1 1 0 0 0 36 13m2 0a3 3 0 1 1-6 .001A3 3 0 0 1 38 13"/></svg>

Cogs 48 アイコンの使い方

React

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

<Icon icon="energy-icons:cogs-48" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:cogs-48" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:cogs-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--cogs-48]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="energy-icons:cogs-48"></iconify-icon>

HTML 画像

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

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →