Ícone Retro Bag
icon-park:retro-bag
O ícone Retro Bag (icon-park:retro-bag) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Roupas
- Tags
- retrobag
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M35 14C35 8.47715 30.0751 4 24 4C17.9249 4 13 8.47715 13 14"/><path fill="#2F88FF" d="M7 16C7 14.8954 7.89543 14 9 14H39C40.1046 14 41 14.8954 41 16V28C41 29.1046 40.1046 30 39 30H30C28.8954 30 28 29.1046 28 28V28C28 26.8954 27.1046 26 26 26H22C20.8954 26 20 26.8954 20 28V28C20 29.1046 19.1046 30 18 30H9C7.89543 30 7 29.1046 7 28V16Z"/><path d="M10 30V44H38V30"/><rect width="8" height="6" x="20" y="26"/></g></svg>Como usar o ícone Retro Bag
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:retro-bag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:retro-bag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:retro-bag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--retro-bag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:retro-bag"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:retro-bag"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/retro-bag.svg" alt="Ícone Retro Bag" width="24" height="24">O ícone Retro Bag em outras coleções
Perguntas frequentes sobre Ícone Retro Bag
O ícone Retro Bag é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Retro Bag no React?
Instale @iconify/react e renderize <Icon icon="icon-park:retro-bag" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Retro Bag a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/retro-bag.svg" alt="Ícone Retro Bag">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.