ICONYZ
日本語
Plump color icons の Expand Horizontal 2 Flat アイコン

Expand Horizontal 2 Flat アイコン

streamline-plump-color:expand-horizontal-2-flat

Expand Horizontal 2 Flat アイコン(streamline-plump-color:expand-horizontal-2-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
カテゴリ
基本インターフェース
タグ
expandhorizontal、horizontalflat、expandhorizontalflat
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M12.237 7.242c.067 1.283.142 3.372.195 6.717c-2.025 1.82-4.321 3.954-6.08 6.553a5.67 5.67 0 0 0 0 6.418c1.761 2.604 4.062 4.74 6.088 6.56c-.053 3.67-.133 5.916-.203 7.268c-.09 1.728-1.211 3.449-3.292 3.655c-.533.053-1.175.087-1.945.087c-.771 0-1.413-.034-1.946-.087c-2.08-.206-3.202-1.927-3.292-3.655C1.645 38.496 1.5 33.736 1.5 24s.145-14.496.262-16.758c.09-1.728 1.211-3.449 3.292-3.655A20 20 0 0 1 7 3.5c.77 0 1.412.034 1.945.087c2.08.206 3.202 1.927 3.292 3.655M46.5 24c0-9.736-.145-14.496-.263-16.758c-.09-1.728-1.211-3.449-3.291-3.655A20 20 0 0 0 41 3.5c-.77 0-1.413.034-1.946.087c-2.08.206-3.202 1.927-3.291 3.655c-.067 1.284-.143 3.372-.196 6.718c2.025 1.818 4.322 3.952 6.08 6.552a5.67 5.67 0 0 1 0 6.418c-1.76 2.604-4.06 4.74-6.088 6.56c.053 3.67.133 5.916.204 7.268c.09 1.728 1.21 3.449 3.291 3.655c.533.053 1.175.087 1.946.087s1.413-.034 1.946-.087c2.08-.206 3.202-1.927 3.291-3.655c.118-2.262.263-7.022.263-16.758" clip-rule="evenodd"/><path fill="#2859c5" d="M30.116 29.815c.09 1.976 1.949 2.782 3.42 1.46a69 69 0 0 0 2.229-2.1c1.744-1.71 2.785-3.02 3.398-3.926a2.675 2.675 0 0 0 0-3.056c-.613-.906-1.654-2.215-3.398-3.926a69 69 0 0 0-2.227-2.098c-1.473-1.322-3.333-.517-3.422 1.46c-.034.752-.064 1.64-.085 2.681c-1.418-.048-3.394-.09-6.031-.09s-4.613.042-6.031.09c-.021-1.042-.05-1.93-.085-2.682c-.09-1.977-1.949-2.782-3.42-1.46a69 69 0 0 0-2.229 2.099c-1.744 1.712-2.785 3.02-3.397 3.926a2.67 2.67 0 0 0 0 3.056c.612.907 1.653 2.215 3.397 3.927a69 69 0 0 0 2.227 2.098c1.473 1.322 3.333.517 3.422-1.46c.035-.755.064-1.646.085-2.692c1.478.052 3.496.099 6.031.099s4.553-.047 6.031-.1c.02 1.048.05 1.939.085 2.694"/></g></svg>

Expand Horizontal 2 Flat アイコンの使い方

React

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

<Icon icon="streamline-plump-color:expand-horizontal-2-flat" width="24" />

Vue

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

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

Svelte

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

<Icon icon="streamline-plump-color:expand-horizontal-2-flat" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:expand-horizontal-2-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:expand-horizontal-2-flat"></iconify-icon>

HTML 画像

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

Plump color icons の関連アイコン

Expand Horizontal 2 Flat アイコン のよくある質問

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

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

React で Expand Horizontal 2 Flat アイコンを使うには?

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

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

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

Plump color icons をすべて見る →