Arrow Expand Flat アイコン
streamline-plump-color:arrow-expand-flat
Arrow Expand Flat アイコン(streamline-plump-color:arrow-expand-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
- カテゴリ
- 基本インターフェース
- タグ
- arrowexpand、expandflat、arrowexpandflat
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="M19.024 5.535c1.26-1.56.36-3.627-1.637-3.8c-3.958-.345-8.41-.261-12.078-.068a3.844 3.844 0 0 0-3.641 3.641c-.194 3.693-.278 8.182.074 12.162c.174 1.976 2.2 2.866 3.743 1.62a74 74 0 0 0 4.017-3.519c2.878 2.59 4.964 4.243 6.217 5.182c.881.659 1.992.764 2.838.06c.324-.27.707-.615 1.152-1.057c.468-.466.831-.867 1.111-1.206c.697-.841.607-1.953-.035-2.838c-.92-1.27-2.56-3.38-5.17-6.271a76 76 0 0 0 3.41-3.906Zm9.95 0c-1.259-1.559-.36-3.626 1.638-3.8c3.958-.345 8.41-.26 12.078-.068a3.844 3.844 0 0 1 3.64 3.643c.194 3.693.278 8.182-.073 12.161c-.175 1.976-2.201 2.867-3.744 1.62a74 74 0 0 1-4.017-3.518c-2.878 2.59-4.963 4.243-6.217 5.181c-.881.66-1.992.764-2.838.06a17 17 0 0 1-1.152-1.057a17 17 0 0 1-1.111-1.205c-.697-.842-.606-1.954.035-2.839c.92-1.269 2.56-3.38 5.17-6.27a76 76 0 0 1-3.41-3.907Zm-11.587 40.73c1.997-.174 2.897-2.241 1.637-3.8a76 76 0 0 0-3.408-3.905c2.61-2.89 4.249-5.001 5.169-6.27c.642-.885.732-1.997.035-2.839c-.28-.338-.643-.74-1.111-1.205a18 18 0 0 0-1.152-1.057c-.846-.704-1.957-.6-2.838.06c-1.253.939-3.338 2.592-6.215 5.18a74 74 0 0 0-4.019-3.52c-1.543-1.245-3.569-.355-3.743 1.62c-.352 3.98-.268 8.469-.074 12.162a3.844 3.844 0 0 0 3.641 3.642c3.668.193 8.12.276 12.078-.068m11.59-3.8c-1.26 1.559-.36 3.626 1.636 3.8c3.958.344 8.41.26 12.078.067a3.844 3.844 0 0 0 3.641-3.641c.194-3.693.278-8.182-.073-12.162c-.175-1.975-2.201-2.866-3.744-1.62a74 74 0 0 0-4.018 3.52c-2.878-2.589-4.963-4.242-6.216-5.18c-.881-.66-1.992-.764-2.838-.06c-.324.269-.707.614-1.152 1.057c-.468.466-.831.866-1.111 1.205c-.697.842-.607 1.953.035 2.838c.92 1.27 2.56 3.38 5.17 6.27a76 76 0 0 0-3.409 3.905Z" clip-rule="evenodd"/></svg>
Arrow Expand Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:arrow-expand-flat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:arrow-expand-flat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:arrow-expand-flat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--arrow-expand-flat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:arrow-expand-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:arrow-expand-flat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-expand-flat.svg" alt="Arrow Expand Flat アイコン" width="24" height="24">
Plump color icons の関連アイコン
他のアイコンセットの Arrow Expand Flat アイコン
Arrow Expand Flat アイコン のよくある質問
Arrow Expand Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Arrow Expand Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:arrow-expand-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arrow Expand Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-expand-flat.svg" alt="Arrow Expand Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump color icons をすべて見る →
