Beer Bottle アイコン
openmoji:beer-bottle
Beer Bottle アイコン(openmoji:beer-bottle)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
- タグ
- beerbottle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#a57939" d="m33.004 16l-.915 11.9c0 1.83-3.194 7.69-3.194 10.436V58.84c0 .809.656 1.464 1.465 1.464h10.787a1.46 1.46 0 0 0 1.458-1.464V38.336c0-2.746-3.194-8.606-3.194-10.437L38.496 16"/><path fill="#a57939" d="M40.61 38.34V60.3H30.36c-.81 0-1.47-.65-1.47-1.46v-20.5c0-2.75 2.2-7.61 2.2-9.44l1.395-15.997L39 13l-2.5 1.15l.91 13.84c.03 1.13.59 2.62 1.5 4.91c.71 1.81 1.7 4.31 1.7 5.44"/><path fill="#6a462f" d="M42.61 38.34v20.5c0 .81-.65 1.46-1.46 1.46h-1.54V38.34c0-1.13-.99-3.63-1.7-5.44c-.91-2.29-1.47-3.78-1.5-4.91L36 13l3.372-.05L40 23c0 10 2.61 12.59 2.61 15.34"/><path fill="#fff" d="M29 39h10v15H29z"/><path fill="#d0cfce" d="M43 54h-4V39h4zm-7-35h3v5h-3z"/><path fill="#fff" d="M36 24h-3v-5h3z"/><path fill="#fcea2b" d="M36.07 11.043v2.773h-3.102c-.783 0-1.42-.61-1.42-1.373v-.027c0-.763.637-1.373 1.42-1.373z"/><path fill="#f1b31c" d="M40.244 12.416v.027c0 .763-.653 1.373-1.435 1.373h-2.74v-2.773h2.74c.782 0 1.435.61 1.435 1.373"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.831" d="M29.125 38.794h10m-6-14.794h3m-3-5h3m-7 35h10m-5.996-38l-.915 11.9c0 1.83-3.194 7.69-3.194 10.436V58.84c0 .809.656 1.464 1.465 1.464h10.787a1.46 1.46 0 0 0 1.458-1.464V38.336c0-2.746-3.194-8.606-3.194-10.437L38.621 16m-6.239-3h6.987"/></svg>Beer Bottle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:beer-bottle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:beer-bottle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:beer-bottle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--beer-bottle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:beer-bottle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:beer-bottle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/beer-bottle.svg" alt="Beer Bottle アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Beer Bottle アイコン
Beer Bottle アイコン のよくある質問
Beer Bottle アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Beer Bottle アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:beer-bottle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Beer Bottle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/beer-bottle.svg" alt="Beer Bottle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。