Ícone Suitcase Rolling Flat
streamline-plump-color:suitcase-rolling-flat
O ícone Suitcase Rolling Flat (streamline-plump-color:suitcase-rolling-flat) é um ícone SVG gratuito da coleção Plump color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Plump color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Mapas e viagens
- Tags
- suitcaserolling, rollingflat, suitcaserollingflat
Código 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>Como usar o ícone 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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/suitcase-rolling-flat.svg" alt="Ícone Suitcase Rolling Flat" width="24" height="24">Ícones relacionados em Plump color icons
O ícone Suitcase Rolling Flat em outras coleções
Perguntas frequentes sobre Ícone Suitcase Rolling Flat
O ícone Suitcase Rolling Flat é grátis para uso comercial?
Sim. Plump color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Suitcase Rolling Flat no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump-color:suitcase-rolling-flat" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Suitcase Rolling Flat a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/suitcase-rolling-flat.svg" alt="Ícone Suitcase Rolling Flat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.