Cog Remix アイコン
streamline-sharp:cog-remix
Cog Remix アイコン(streamline-sharp:cog-remix)は、Sharp free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Sharp free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Sharp free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- cogremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.003 0C10.886 0 9.786.156 8.73.455l-.909.258v2.151q-.868.4-1.638.947l-1.046-.604l-.818-.472l-.678.658a12 12 0 0 0-1.998 2.55l-.003.007l-.058.1l-.004.006a12 12 0 0 0-1.21 3.006l-.231.916l.818.472l1.046.604a10 10 0 0 0 0 1.892l-1.046.604l-.818.472l.231.916a12 12 0 0 0 1.21 3.005l.003.006l.06.103l.003.006a12 12 0 0 0 1.997 2.549l.678.658l.818-.472l1.046-.604q.77.548 1.638.947v2.151l.91.258a12 12 0 0 0 6.545 0l.909-.258v-2.151a10 10 0 0 0 1.638-.947l1.046.604l.818.472l.678-.658l.123-.122a12 12 0 0 0 3.15-5.547l.231-.916l-.818-.472l-1.047-.605a10 10 0 0 0 0-1.89l1.047-.605l.818-.472l-.231-.916a12 12 0 0 0-3.15-5.547l-.123-.122l-.678-.658l-.818.472l-1.046.604a10 10 0 0 0-1.638-.947V.713l-.91-.258A12 12 0 0 0 12.004 0M10.32 3.705V2.65a9.5 9.5 0 0 1 3.364 0v1.939l.833.295c.882.311 1.69.783 2.388 1.38l.672.575l.766-.442l.915-.528a9.5 9.5 0 0 1 1.682 2.913l-.914.527l-.765.442l.16.868a7.6 7.6 0 0 1 0 2.762l-.16.868l.765.441l.914.528a9.5 9.5 0 0 1-1.682 2.913l-.915-.528l-.766-.442l-.672.575a7.5 7.5 0 0 1-2.388 1.38l-.833.295v1.939a9.5 9.5 0 0 1-3.364 0v-1.939l-.833-.295a7.5 7.5 0 0 1-2.388-1.38l-.672-.575l-.766.442l-.916.528a9.5 9.5 0 0 1-.942-1.333l-.056-.096a9.5 9.5 0 0 1-.683-1.483l.914-.528l.765-.442l-.16-.868a7.6 7.6 0 0 1 0-2.762l.16-.868l-.765-.442l-.914-.528q.277-.771.684-1.484l.054-.094q.412-.706.943-1.335l.916.53l.766.441l.672-.575a7.5 7.5 0 0 1 2.388-1.38l.833-.295zM15.501 12a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" clip-rule="evenodd"/></svg>Cog Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-sharp:cog-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-sharp:cog-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-sharp:cog-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-sharp--cog-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-sharp -->
<div class="i-streamline-sharp:cog-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-sharp:cog-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-sharp/cog-remix.svg" alt="Cog Remix アイコン" width="24" height="24">Sharp free icons の関連アイコン
他のアイコンセットの Cog Remix アイコン
Cog Remix アイコン のよくある質問
Cog Remix アイコンは商用利用でも無料ですか?
はい。Sharp free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cog Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-sharp:cog-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cog Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-sharp/cog-remix.svg" alt="Cog Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。