Bottle Two アイコン

Q: Bottle Two アイコンは商用利用でも無料ですか?

はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

icon-park:bottle-two

Bottle Two アイコン(icon-park:bottle-two)は、IconPark セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

IconPark の関連アイコン

他のアイコンセットの Bottle Two アイコン

Bottle Two アイコンのよくある質問

Bottle Two アイコンは商用利用でも無料ですか?

はい。IconPark icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Bottle Two アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

IconPark アイコンをすべて見る →