Bottle アイコン

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

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

reicon:bottle

Bottle アイコン(reicon:bottle)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 食べ物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m16.877 2.598l-.025.046l-.076.138l.866.522l.078-.142l.024-.042l-.041-.025l-.781-.47zm1.054.64h-.001m-.726 1.554l-1.472-.887l-2.665 1.31a4.43 4.43 0 0 0-2.26 2.472l.059-.03a3.45 3.45 0 0 1 3.703.393c.517.414 1.21.537 1.839.328l1.055-.352l-.01-.133zm1.757 3.998a.75.75 0 0 0 .014-.423q0-.197-.012-.394l-.015-.193l-.262-3.267l.355-.642a4 4 0 0 0 .166-.317c.053-.116.111-.274.12-.467a1.25 1.25 0 0 0-.195-.73a1.3 1.3 0 0 0-.337-.344a4 4 0 0 0-.303-.192l-.016-.01l-.799-.482a5 5 0 0 0-.33-.188a1.3 1.3 0 0 0-.489-.139a1.25 1.25 0 0 0-.763.205a1.3 1.3 0 0 0-.354.364c-.065.098-.131.218-.192.328l-.323.583l-2.827 1.39l-.168.083C10.606 4.79 9.46 6.36 9.116 8.188c-.01.05-.019.103-.034.19l-.001.007l-.03.174a7.24 7.24 0 0 1-2.095 3.926l-.804.791c-.504.496-.91.895-1.214 1.24c-.31.35-.56.693-.71 1.087a3.49 3.49 0 0 0 .363 3.18c.236.35.558.626.939.894c.373.263.859.555 1.46.918l.713.43c.601.361 1.087.654 1.492.86c.412.21.806.366 1.225.405a3.23 3.23 0 0 0 2.88-1.284c.254-.334.413-.731.548-1.183c.133-.445.261-1.011.42-1.715l.255-1.122l.039-.17a7.2 7.2 0 0 1 2.297-3.799l.006-.005l.141-.125a6.1 6.1 0 0 0 1.956-4.097m-1.666.873l-.413.138a3.45 3.45 0 0 1-3.25-.58a1.95 1.95 0 0 0-2.095-.222l-1.186.593a8.7 8.7 0 0 1-2.21 3.83l-.13.13l-.789.774c-.528.52-.897.883-1.161 1.182c-.263.298-.377.482-.433.63c-.228.6-.15 1.28.205 1.807c.087.128.237.28.559.505c.324.229.764.494 1.395.874l.665.4c.631.381 1.071.645 1.422.824c.35.178.546.236.685.249c.586.055 1.168-.2 1.544-.696c.094-.123.19-.319.307-.708c.116-.39.234-.906.4-1.643l.25-1.1l.042-.182a8.7 8.7 0 0 1 2.624-4.452l.137-.121l.004-.004l.128-.113a4.54 4.54 0 0 0 1.3-2.115" clip-rule="evenodd"/></svg>

Bottle アイコンの使い方

React

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

<Icon icon="reicon:bottle" width="24" />

Vue

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

<template>
  <Icon icon="reicon:bottle" width="24" />
</template>

Svelte

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

<Icon icon="reicon:bottle" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:bottle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/bottle.svg" alt="Bottle アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

@iconify/react をインストールして <Icon icon="reicon:bottle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bottle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/bottle.svg" alt="Bottle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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