Cogwheel アイコン
ix:cogwheel
Cogwheel アイコン(ix:cogwheel)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M332.792 42.667v51.541a178 178 0 0 1 24.96 14.379l7.637-4.437l36.97-21.312l21.334 36.928l34.112 59.136l21.333 36.949l-36.928 21.333l-7.637 4.374c.427 4.842.64 9.642.64 14.442s-.213 9.6-.64 14.443l7.637 4.373l36.928 21.334l-21.333 36.949l-34.112 59.136l-21.333 36.928l-36.971-21.312l-7.637-4.437a178 178 0 0 1-24.96 14.378v51.542H179.213v-51.542a178 178 0 0 1-24.96-14.378l-7.659 4.437l-36.949 21.312l-21.333-36.928l-34.134-59.136l-21.333-36.95l36.95-21.333l7.615-4.373A173 173 0 0 1 76.792 256c0-4.8.213-9.6.618-14.442l-7.616-4.374l-36.949-21.333l21.333-36.95l34.134-59.135l21.333-36.928l36.95 21.312l7.658 4.437a178 178 0 0 1 24.96-14.379V42.667zm-42.667 42.667H221.88v38.613c-24.384 6.272-46.144 19.008-63.254 36.437L125.261 141.1l-34.133 59.136l33.408 19.285c-3.2 11.627-5.078 23.83-5.078 36.48c0 12.651 1.878 24.854 5.078 36.48l-33.408 19.286l34.133 59.136l33.365-19.286c17.11 17.43 38.87 30.166 63.254 36.438v38.613h68.245v-38.613c24.384-6.272 46.144-19.008 63.253-36.438l33.344 19.286l34.155-59.136l-33.408-19.286c3.2-11.626 5.077-23.829 5.077-36.48s-1.877-24.853-5.077-36.48l33.408-19.285l-34.155-59.136l-33.344 19.285c-17.109-17.429-38.869-30.165-63.253-36.437zM256 170.667c47.132 0 85.334 38.202 85.334 85.333S303.132 341.334 256 341.334c-47.131 0-85.333-38.202-85.333-85.334c0-47.131 38.202-85.333 85.333-85.333m0 42.667c-23.567 0-42.666 19.1-42.666 42.666c0 23.568 19.099 42.667 42.666 42.667s42.667-19.1 42.667-42.667s-19.1-42.666-42.667-42.666"/></svg>Cogwheel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:cogwheel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:cogwheel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:cogwheel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--cogwheel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:cogwheel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:cogwheel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/cogwheel.svg" alt="Cogwheel アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
他のアイコンセットの Cogwheel アイコン
Cogwheel アイコン のよくある質問
Cogwheel アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cogwheel アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:cogwheel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cogwheel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/cogwheel.svg" alt="Cogwheel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。