Иконка Suitcase Rolling Flat
streamline-plump-color:suitcase-rolling-flat
Иконка Suitcase Rolling Flat (streamline-plump-color:suitcase-rolling-flat) — бесплатная SVG-иконка из набора Plump color icons от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Suitcase Rolling Flat в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.