Cog Automation Remix アイコン

Q: Cog Automation Remix アイコンは商用利用でも無料ですか?

はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-plump:cog-automation-remix

Cog Automation Remix アイコン(streamline-plump:cog-automation-remix)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Plump free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 基本インターフェース
タグ: cogautomation、automationremix、cogautomationremix

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m20.793 4.958l.003-.003c.46-.178 1.452-.455 3.203-.455s2.745.277 3.204.455l.002.003c.019.02.045.057.07.11c1.162 2.348 2.538 4.187 4.506 5.333c1.97 1.147 4.25 1.434 6.874 1.27a.5.5 0 0 1 .126.007c.384.312 1.122 1.04 1.999 2.568c.88 1.534 1.138 2.542 1.214 3.033l-.003.007a.5.5 0 0 1-.06.12C40.482 19.6 39.59 21.72 39.59 24s.893 4.4 2.34 6.594a.5.5 0 0 1 .06.12l.003.007c-.075.491-.333 1.5-1.214 3.033c-.877 1.528-1.613 2.256-1.998 2.568a.5.5 0 0 1-.127.007c-2.623-.164-4.903.123-6.874 1.27c-1.968 1.146-3.344 2.985-4.505 5.333a.5.5 0 0 1-.07.11l-.003.003c-.46.178-1.452.455-3.204.455c-1.75 0-2.743-.277-3.203-.455a5 5 0 0 1-.188-.235l-.167-.215c-.552-.704-1.912-2.246-3.766-3.617c-1.822-1.348-4.377-2.72-7.257-2.647a1 1 0 0 1-.2-.01c-.384-.31-1.12-1.039-1.998-2.567c-.88-1.534-1.139-2.542-1.214-3.033l.002-.007a.5.5 0 0 1 .061-.12C7.516 28.4 8.407 26.28 8.407 24s-.89-4.4-2.337-6.593a.5.5 0 0 1-.061-.12l-.003-.008c.076-.49.334-1.5 1.214-3.033c.877-1.528 1.614-2.256 1.998-2.568a.5.5 0 0 1 .127-.006c2.624.164 4.903-.125 6.873-1.272c1.968-1.146 3.344-2.985 4.505-5.332a.5.5 0 0 1 .07-.11M24 .5c-2.297 0-3.831.385-4.806.789a3.8 3.8 0 0 0-1.386 1.009a4.5 4.5 0 0 0-.67.997c-.989 2-1.919 3.059-2.932 3.649c-1.011.589-2.387.874-4.61.736a4.5 4.5 0 0 0-1.203.085a3.8 3.8 0 0 0-1.56.7c-.834.646-1.932 1.789-3.08 3.79c-1.15 2-1.583 3.526-1.722 4.573a3.85 3.85 0 0 0 .175 1.697c.13.398.313.762.525 1.084c1.23 1.864 1.677 3.208 1.677 4.39c0 1.184-.447 2.528-1.677 4.392a4.5 4.5 0 0 0-.525 1.084a3.85 3.85 0 0 0-.175 1.698c.138 1.046.573 2.572 1.72 4.573c1.15 2 2.248 3.143 3.082 3.788a3.8 3.8 0 0 0 1.56.701c.417.088.806.103 1.128.095c1.578-.04 3.25.734 4.776 1.864c1.495 1.105 2.606 2.37 2.998 2.87l.07.091c.112.145.289.375.461.569c.308.345.743.724 1.332.972c.972.41 2.516.804 4.842.804c2.297 0 3.832-.384 4.806-.789a3.8 3.8 0 0 0 1.387-1.008c.278-.312.499-.652.67-.998c.989-2 1.919-3.06 2.932-3.65c1.011-.588 2.387-.873 4.612-.734c.385.024.792.001 1.202-.085a3.8 3.8 0 0 0 1.56-.701c.835-.646 1.933-1.788 3.081-3.79c1.149-2 1.583-3.526 1.721-4.572a3.85 3.85 0 0 0-.175-1.698a4.5 4.5 0 0 0-.525-1.084c-1.231-1.866-1.678-3.21-1.678-4.391s.447-2.525 1.677-4.391c.213-.322.396-.686.526-1.084a3.85 3.85 0 0 0 .175-1.698c-.139-1.046-.573-2.572-1.721-4.573c-1.149-2-2.247-3.143-3.081-3.789a3.8 3.8 0 0 0-1.56-.7a4.5 4.5 0 0 0-1.203-.086c-2.224.14-3.6-.146-4.611-.735c-1.013-.59-1.943-1.649-2.932-3.65a4.5 4.5 0 0 0-.67-.996a3.8 3.8 0 0 0-1.387-1.01C27.831.886 26.296.5 24 .5m-5.225 16.021c.757-.47 1.712-.567 2.665-.198c1.165.451 2.725 1.15 4.766 2.234c1.952 1.037 3.461 1.958 4.603 2.721c1.008.674 1.541 1.683 1.541 2.72c0 1.039-.533 2.048-1.54 2.722c-1.143.763-2.652 1.684-4.604 2.72c-2.04 1.085-3.6 1.784-4.766 2.235c-.953.368-1.908.273-2.665-.199c-.754-.469-1.272-1.284-1.416-2.28C17.165 27.86 17 26.103 17 24s.165-3.86.358-5.198c.144-.996.662-1.81 1.416-2.28" clip-rule="evenodd"/></svg>

Cog Automation Remix アイコンの使い方

React

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

<Icon icon="streamline-plump:cog-automation-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:cog-automation-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:cog-automation-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--cog-automation-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:cog-automation-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-plump:cog-automation-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump/cog-automation-remix.svg" alt="Cog Automation Remix アイコン" width="24" height="24">

Plump free icons の関連アイコン

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

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

はい。Plump free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Plump free icons をすべて見る →