ICONYZ
日本語
Flex color icons の Keyboard Option Setting Gear Flat アイコン

Keyboard Option Setting Gear Flat アイコン

streamline-flex-color:keyboard-option-setting-gear-flat

Keyboard Option Setting Gear Flat アイコン(streamline-flex-color:keyboard-option-setting-gear-flat)は、Flex color icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Flex color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
14 × 14
カテゴリ
コンピューター・デバイス
タグ
keyboardoption、optionsetting、settinggear、gearflat、keyboardoptionsettinggearflat
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M2.586.2C3.835.104 5.15 0 6.5 0s2.665.103 3.914.2l.028.003a2.59 2.59 0 0 1 2.352 2.163c.11.692.206 1.427.206 2.185c0 .757-.096 1.492-.206 2.184l-.007.042a2 2 0 0 0-.137.014a1.98 1.98 0 0 0-1.832-1.235h-.417A1.98 1.98 0 0 0 8.57 6.791a1.98 1.98 0 0 0-1.989.973l-.205.356a2 2 0 0 0-.266.978c-1.213-.017-2.395-.11-3.523-.198l-.028-.002A2.59 2.59 0 0 1 .206 6.735C.096 6.043 0 5.308 0 4.551s.096-1.493.206-2.185A2.59 2.59 0 0 1 2.558.203z"/><path fill="#2859c5" d="M2.546 2.583a.625.625 0 1 0 0 1.25h.873a.625.625 0 0 0 0-1.25zm3.518 0a.625.625 0 1 0 0 1.25h.872a.625.625 0 0 0 0-1.25zm2.893.625c0-.345.28-.625.625-.625h.872a.625.625 0 0 1 0 1.25h-.872a.625.625 0 0 1-.625-.625m-6.12 2.06a.625.625 0 1 0 0 1.25h3.476a.625.625 0 1 0 0-1.25zm7.566 1.498h.414a.77.77 0 0 1 .716.49l.19.48l.575.332l.51-.078a.77.77 0 0 1 .782.378l.207.357a.77.77 0 0 1-.066.866l-.321.403v.665l.32.403a.77.77 0 0 1 .065.867l-.206.356a.77.77 0 0 1-.783.378l-.51-.078l-.576.333l-.188.48a.77.77 0 0 1-.717.49h-.413a.77.77 0 0 1-.716-.49l-.188-.48l-.576-.333l-.51.078a.77.77 0 0 1-.783-.377l-.206-.357a.77.77 0 0 1 .065-.867l.321-.403v-.665l-.321-.403a.77.77 0 0 1-.065-.866l.206-.357a.77.77 0 0 1 .783-.378l.508.078l.578-.334l.189-.479a.77.77 0 0 1 .716-.49Zm.207 2.31c.298 0 .613.087.843.28c.263.22.387.563.405.89c.017.328-.07.68-.284.931c-.237.278-.614.4-.964.4c-.351 0-.728-.122-.965-.4c-.213-.25-.3-.603-.283-.93s.141-.672.404-.892c.23-.192.545-.278.844-.278Z"/></g></svg>

Keyboard Option Setting Gear Flat アイコンの使い方

React

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

<Icon icon="streamline-flex-color:keyboard-option-setting-gear-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex-color:keyboard-option-setting-gear-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex-color:keyboard-option-setting-gear-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--keyboard-option-setting-gear-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:keyboard-option-setting-gear-flat"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex-color:keyboard-option-setting-gear-flat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex-color/keyboard-option-setting-gear-flat.svg" alt="Keyboard Option Setting Gear Flat アイコン" width="24" height="24">

Flex color icons の関連アイコン

Keyboard Option Setting Gear Flat アイコン のよくある質問

Keyboard Option Setting Gear Flat アイコンは商用利用でも無料ですか?

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

React で Keyboard Option Setting Gear Flat アイコンを使うには?

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

Keyboard Option Setting Gear Flat アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/keyboard-option-setting-gear-flat.svg" alt="Keyboard Option Setting Gear Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex color icons をすべて見る →