Иконка Bottle Two

icon-park:bottle-two

Иконка Bottle Two (icon-park:bottle-two) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: IconPark
Автор: ByteDance
Лицензия: Apache-2.0
Размер: 48 × 48
Категория: Продукты
Теги: bottletwo

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M15 21.5597C15 18.1105 16.8097 14.9142 19.7674 13.1395C19.9117 13.053 20 12.897 20 12.7288V4H28V12.7288C28 12.897 28.0883 13.053 28.2326 13.1395C31.1903 14.9142 33 18.1105 33 21.5597V42C33 43.1046 32.1046 44 31 44H17C15.8954 44 15 43.1046 15 42V21.5597Z"/><path stroke="#fff" d="M20 10L28 10"/><path stroke="#fff" stroke-linejoin="round" d="M33 23H24V38H33"/><path stroke="#000" stroke-linejoin="round" d="M33 40V21"/><path stroke="#000" stroke-linejoin="round" d="M20 12V8"/><path stroke="#000" stroke-linejoin="round" d="M28 12V8"/></g></svg>

Как использовать иконку Bottle Two

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:bottle-two" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:bottle-two" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:bottle-two" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bottle-two]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bottle-two"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:bottle-two"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/icon-park/bottle-two.svg" alt="Иконка Bottle Two" width="24" height="24">

Иконка Bottle Two в других наборах

Вопросы и ответы: Иконка Bottle Two

Можно ли бесплатно использовать иконку Bottle Two в коммерческих проектах?

Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Bottle Two в React?

Установите @iconify/react и выведите <Icon icon="icon-park:bottle-two" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bottle Two на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/bottle-two.svg" alt="Иконка Bottle Two">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки IconPark →