Cogs 48 Bold アイコン

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

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

energy-icons:cogs-48-bold

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

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 48 × 48
タグ: cogsbold、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 15.944l.122.006a1.25 1.25 0 0 1 1.125 1.161l.225 3.388l.39.162l2.554-2.237a1.25 1.25 0 0 1 1.708.056l3.162 3.162a1.25 1.25 0 0 1 .056 1.707l-2.238 2.554l.161.39l3.389.226a1.25 1.25 0 0 1 1.168 1.247v4.47a1.25 1.25 0 0 1-1.168 1.246l-3.389.225l-.161.389l2.238 2.555a1.25 1.25 0 0 1-.056 1.708l-3.162 3.161a1.25 1.25 0 0 1-1.708.057l-2.555-2.238l-.389.161l-.225 3.389a1.25 1.25 0 0 1-1.247 1.168h-4.47a1.25 1.25 0 0 1-1.246-1.168l-.226-3.389l-.39-.161l-2.554 2.238a1.25 1.25 0 0 1-1.707-.056l-3.162-3.162a1.25 1.25 0 0 1-.056-1.708l2.237-2.554l-.162-.39l-3.388-.225a1.25 1.25 0 0 1-1.167-1.247v-4.47c0-.657.51-1.203 1.167-1.246l3.388-.226l.162-.39l-2.237-2.554a1.25 1.25 0 0 1 .056-1.707l3.162-3.161l.09-.083a1.25 1.25 0 0 1 1.617.026l2.554 2.237l.39-.162l.226-3.388l.013-.12a1.25 1.25 0 0 1 1.234-1.047zm-3.499 5.496a1.25 1.25 0 0 1-.768 1.072l-1.825.757a1.25 1.25 0 0 1-1.302-.215l-2.26-1.979l-1.506 1.506l1.979 2.26c.313.358.396.862.215 1.302l-.757 1.825a1.25 1.25 0 0 1-1.072.768l-2.996.199v2.13l2.996.199l.175.024c.4.084.738.36.897.745l.757 1.825c.181.44.098.945-.215 1.302l-1.979 2.26l1.506 1.506l2.26-1.978l.14-.107a1.25 1.25 0 0 1 1.162-.108l1.825.756l.158.08c.352.207.583.578.61.992l.2 2.997h2.13l.198-2.997c.031-.474.33-.89.77-1.072l1.824-.756l.167-.055a1.25 1.25 0 0 1 1.135.27l2.259 1.978l1.506-1.506l-1.978-2.259a1.25 1.25 0 0 1-.215-1.302l.756-1.825l.08-.158a1.25 1.25 0 0 1 .993-.611l2.996-.199v-2.13l-2.996-.199a1.25 1.25 0 0 1-1.073-.768l-.756-1.825a1.25 1.25 0 0 1 .215-1.302l1.978-2.26l-1.506-1.506l-2.259 1.979a1.25 1.25 0 0 1-1.302.215l-1.825-.757a1.25 1.25 0 0 1-.77-1.072l-.198-2.996h-2.13z"/><path fill="currentColor" d="M18.25 30a2.25 2.25 0 1 0-4.5 0a2.25 2.25 0 0 0 4.5 0m2.5 0a4.75 4.75 0 1 1-9.5 0a4.75 4.75 0 0 1 9.5 0M37.054 2.988a1.25 1.25 0 0 1 1.25 1.19l.12 2.502l.336.194l2.228-1.146a1.25 1.25 0 0 1 1.655.487l2.055 3.56a1.25 1.25 0 0 1-.406 1.675l-2.107 1.357v.386l2.107 1.357c.56.36.74 1.099.406 1.677l-2.055 3.56a1.25 1.25 0 0 1-1.655.486l-2.228-1.147l-.337.194l-.12 2.502a1.25 1.25 0 0 1-1.249 1.19h-4.11a1.25 1.25 0 0 1-1.248-1.19l-.122-2.502l-.337-.195l-2.227 1.148a1.25 1.25 0 0 1-1.654-.487l-2.056-3.56a1.25 1.25 0 0 1 .407-1.676l2.106-1.356v-.388l-2.106-1.356a1.25 1.25 0 0 1-.407-1.676l2.056-3.56l.066-.104a1.25 1.25 0 0 1 1.588-.382l2.228 1.146l.336-.194l.122-2.502l.012-.123a1.25 1.25 0 0 1 1.236-1.067zM34.04 7.481a1.25 1.25 0 0 1-.623 1.023l-1.518.877a1.25 1.25 0 0 1-1.198.028l-1.775-.914l-.864 1.497l1.679 1.081c.357.23.573.626.573 1.051v1.752c0 .425-.216.822-.573 1.052l-1.679 1.079l.864 1.497l1.775-.913c.378-.195.83-.184 1.198.03l1.518.876l.132.087c.291.222.473.563.49.935l.097 1.994h1.729l.096-1.994a1.25 1.25 0 0 1 .623-1.022l1.518-.877l.142-.07a1.25 1.25 0 0 1 1.055.04l1.775.914l.864-1.496l-1.679-1.08a1.25 1.25 0 0 1-.573-1.052v-1.752c0-.425.216-.82.573-1.05l1.68-1.082l-.865-1.497l-1.775.914a1.25 1.25 0 0 1-1.197-.028l-1.518-.877a1.25 1.25 0 0 1-.623-1.023l-.096-1.993h-1.729z"/><path fill="currentColor" d="M35.75 13a.75.75 0 1 0-1.5-.001a.75.75 0 0 0 1.5.001m2.5 0a3.25 3.25 0 1 1-6.5.001a3.25 3.25 0 0 1 6.5-.001"/></svg>

Cogs 48 Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:cogs-48-bold"></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-bold"></iconify-icon>

HTML 画像

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

Energy Icons の関連アイコン

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

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

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

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

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

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

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

Energy Icons をすべて見る →