Suitcase Rolling Flat アイコン
streamline-plump-color:suitcase-rolling-flat
Suitcase Rolling Flat アイコン(streamline-plump-color:suitcase-rolling-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
- カテゴリ
- 地図・旅行
- タグ
- suitcaserolling、rollingflat、suitcaserollingflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M24 1c-1.453 0-2.671.066-3.672.162c-3.125.298-5.051 2.913-5.154 5.712a259 259 0 0 0-.147 6.394c1.107-.075 2.437-.144 4.003-.194c.032-2.586.087-4.587.141-6.053c.042-1.141.736-1.8 1.537-1.877C21.578 5.06 22.668 5 24 5s2.423.06 3.292.144c.8.076 1.495.736 1.537 1.877c.054 1.466.109 3.467.141 6.053c1.566.05 2.896.119 4.003.194a256 256 0 0 0-.147-6.394c-.103-2.8-2.03-5.414-5.154-5.712A39 39 0 0 0 24 1"/><path fill="#8fbffa" d="M24 44.5c3.978 0 7.005-.129 9.181-.279c3.317-.228 5.834-2.806 6.041-6.103c.147-2.343.278-5.675.278-10.118s-.13-7.774-.278-10.118c-.207-3.297-2.724-5.875-6.04-6.103c-2.177-.15-5.204-.279-9.182-.279s-7.005.129-9.181.279c-3.318.228-5.834 2.806-6.041 6.103C8.63 20.225 8.5 23.557 8.5 28s.13 7.775.278 10.118c.207 3.297 2.723 5.875 6.04 6.103c2.177.15 5.204.279 9.182.279"/><path fill="#2859c5" d="M14.818 44.221c2.177.15 5.204.279 9.182.279s7.005-.129 9.181-.279c3.317-.228 5.834-2.806 6.04-6.103c.087-1.363.167-3.061.219-5.118H8.56c.052 2.057.132 3.755.218 5.118c.207 3.297 2.723 5.875 6.04 6.103"/><path fill="#2859c5" fill-rule="evenodd" d="M16 41a2 2 0 0 1 2 2v3a2 2 0 1 1-4 0v-3a2 2 0 0 1 2-2m16 0a2 2 0 0 0-2 2v3a2 2 0 1 0 4 0v-3a2 2 0 0 0-2-2" clip-rule="evenodd"/></g></svg>Suitcase Rolling Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:suitcase-rolling-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:suitcase-rolling-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:suitcase-rolling-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--suitcase-rolling-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:suitcase-rolling-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:suitcase-rolling-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/suitcase-rolling-flat.svg" alt="Suitcase Rolling Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Suitcase Rolling Flat アイコン
Suitcase Rolling Flat アイコン のよくある質問
Suitcase Rolling Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Suitcase Rolling Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:suitcase-rolling-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Suitcase Rolling Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/suitcase-rolling-flat.svg" alt="Suitcase Rolling Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。