ICONYZ
日本語
Plump color icons の Command Flat アイコン

Command Flat アイコン

streamline-plump-color:command-flat

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

アイコンセット
Plump color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
コンピューター・デバイス
タグ
commandflat
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#8fbffa" fill-rule="evenodd" d="M1.504 10.857A9.357 9.357 0 0 1 10.86 1.5c4.59 0 8.641 3.396 8.977 8.23c.07 1.012.14 2.178.2 3.503a268 268 0 0 0 7.931 0q.094-1.985.201-3.503c.336-4.834 4.388-8.23 8.977-8.23a9.357 9.357 0 0 1 9.357 9.357c0 4.59-3.396 8.641-8.23 8.977c-1.012.07-2.178.14-3.503.2a268 268 0 0 0 0 7.931q1.986.094 3.503.201c4.834.336 8.23 4.388 8.23 8.977a9.357 9.357 0 0 1-9.357 9.357c-4.59 0-8.641-3.396-8.977-8.23a152 152 0 0 1-.2-3.503a268 268 0 0 0-7.932 0a152 152 0 0 1-.2 3.503c-.336 4.834-4.388 8.23-8.977 8.23a9.357 9.357 0 0 1-9.357-9.357c0-4.59 3.396-8.641 8.23-8.977c1.012-.07 2.178-.14 3.503-.2a268 268 0 0 0 0-7.931q-1.985-.094-3.503-.201c-4.834-.336-8.23-4.388-8.23-8.977Zm11.516 2.16q-.079-1.574-.165-2.802C12.79 9.303 12.03 8.5 10.86 8.5a2.357 2.357 0 0 0-2.357 2.357c0 1.17.802 1.93 1.715 1.994q1.229.086 2.801.165Zm7.22 7.22a276 276 0 0 1 0 7.526a276 276 0 0 1 7.527 0a276 276 0 0 1 0-7.526a276 276 0 0 1-7.526 0Zm-7.22 14.747q-1.574.079-2.801.165c-.913.064-1.715.823-1.715 1.994A2.357 2.357 0 0 0 10.86 39.5c1.17 0 1.93-.803 1.994-1.715q.086-1.229.165-2.801Zm21.968 0q.079 1.574.165 2.801c.064.913.823 1.715 1.994 1.715a2.357 2.357 0 0 0 2.357-2.357c0-1.17-.803-1.93-1.715-1.994a142 142 0 0 0-2.801-.165m0-21.968q1.574-.079 2.801-.165c.912-.064 1.715-.824 1.715-1.994A2.357 2.357 0 0 0 37.147 8.5c-1.17 0-1.93.803-1.994 1.715q-.086 1.229-.165 2.801" clip-rule="evenodd"/></svg>

Command Flat アイコンの使い方

React

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

<Icon icon="streamline-plump-color:command-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:command-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:command-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--command-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:command-flat"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-plump-color:command-flat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/command-flat.svg" alt="Command Flat アイコン" width="24" height="24">

Plump color icons の関連アイコン

他のアイコンセットの Command Flat アイコン

Command Flat アイコン のよくある質問

Command Flat アイコンは商用利用でも無料ですか?

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

React で Command Flat アイコンを使うには?

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

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

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

Plump color icons をすべて見る →