Cog Alt アイコン

el:cog-alt

Cog Alt アイコン(el:cog-alt)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200
タグ: cogalt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m-57.129 234.375h114.258l11.06 110.303c22.729 6.054 44.277 14.988 64.16 26.514l85.84-70.166l80.786 80.786l-70.166 85.84c11.525 19.883 20.46 41.432 26.514 64.16l110.303 11.06V657.13l-110.303 11.133c-6.054 22.709-14.997 44.22-26.514 64.087l70.166 85.84l-80.786 80.786l-85.913-70.166c-19.874 11.516-41.371 20.464-64.087 26.514l-11.06 110.303H542.871l-11.133-110.303a262.3 262.3 0 0 1-64.014-26.514l-85.913 70.166l-80.786-80.786l70.166-85.913a262.3 262.3 0 0 1-26.514-64.014L234.374 657.13V542.871l110.303-11.06c6.05-22.716 14.998-44.213 26.514-64.087l-70.166-85.913l80.786-80.786l85.84 70.166c19.867-11.517 41.378-20.46 64.087-26.514zM600 494.312c-58.374 0-105.688 47.314-105.688 105.688S541.626 705.688 600 705.688S705.688 658.374 705.688 600S658.374 494.312 600 494.312"/></svg>

Cog Alt アイコンの使い方

React

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

<Icon icon="el:cog-alt" width="24" />

Vue

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

<template>
  <Icon icon="el:cog-alt" width="24" />
</template>

Svelte

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

<Icon icon="el:cog-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--cog-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:cog-alt"></div>

Web コンポーネント

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

<iconify-icon icon="el:cog-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/cog-alt.svg" alt="Cog Alt アイコン" width="24" height="24">

Elusive Icons の関連アイコン

他のアイコンセットの Cog Alt アイコン

Cog Alt アイコンのよくある質問

Cog Alt アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Cog Alt アイコンを使うには?

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

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

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

Elusive Icons をすべて見る →