Escalator Up Flat アイコン
streamline-plump-color:escalator-up-flat
Escalator Up Flat アイコン(streamline-plump-color:escalator-up-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
- カテゴリ
- 地図・旅行
- タグ
- escalatorup、upflat、escalatorupflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M31.499 11.508c.726-.672 1.612-1.148 2.594-1.27c1.659-.208 4.71-.41 9.15-.002a2.765 2.765 0 0 1 2.518 2.526c.202 2.397.403 6.408.03 10.67c-.122 1.395-1.259 2.463-2.654 2.58l-3.686.313a1 1 0 0 0-.646.312c-1.438 1.539-8.683 9.222-17.707 17.585a5.55 5.55 0 0 1-3.296 1.482c-2.635.224-7.69.51-13.044.051a2.78 2.78 0 0 1-2.54-2.519c-.376-4.191-.193-8.15.005-10.585c.117-1.433 1.293-2.515 2.73-2.588l7.88-.4a1 1 0 0 0 .678-.314c1.484-1.586 8.855-9.398 17.988-17.841"/><path fill="#2859c5" d="M18.115 2.213c.884.092 1.58.788 1.672 1.672c.438 4.235.12 7.882-.23 10.213c-.201 1.35-1.687 1.913-2.758 1.067a59 59 0 0 1-2.568-2.15c-4.018 3.868-6.467 5.855-7.51 6.655c-.376.289-.85.415-1.302.271a5.2 5.2 0 0 1-2.083-1.257a5.15 5.15 0 0 1-1.28-2.127c-.134-.435-.02-.89.252-1.255c.771-1.043 2.736-3.524 6.666-7.552a59 59 0 0 1-2.132-2.549C5.997 4.129 6.56 2.645 7.91 2.443c2.33-.35 5.974-.668 10.206-.23Z"/></g></svg>Escalator Up Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:escalator-up-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:escalator-up-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:escalator-up-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--escalator-up-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:escalator-up-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:escalator-up-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/escalator-up-flat.svg" alt="Escalator Up Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
Escalator Up Flat アイコン のよくある質問
Escalator Up Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Escalator Up Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:escalator-up-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Escalator Up Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/escalator-up-flat.svg" alt="Escalator Up Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。