Иконка Retro Bag
icon-park:retro-bag
Иконка Retro Bag (icon-park:retro-bag) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Одежда
- Теги
- retrobag
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/retro-bag.svg" alt="Иконка Retro Bag" width="24" height="24">Иконка Retro Bag в других наборах
Вопросы и ответы: Иконка Retro Bag
Можно ли бесплатно использовать иконку Retro Bag в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Retro Bag в React?
Установите @iconify/react и выведите <Icon icon="icon-park:retro-bag" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Retro Bag на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/retro-bag.svg" alt="Иконка Retro Bag">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.