Beer Mug Full アイコン
circum:beer-mug-full
Beer Mug Full アイコン(circum:beer-mug-full)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circum Icons
- 作者
- Klarr Agency
- ライセンス
- MPL-2.0
- サイズ
- 24 × 24
- タグ
- beermug、mugfull、beermugfull
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.356 9.63h-.97V7.99a2.94 2.94 0 0 0 .5-1.65a2 2 0 0 0-.01-.23a2.9 2.9 0 0 0-1.64-2.38a2.96 2.96 0 0 0-2.4-.07a3.278 3.278 0 0 0-5.62 0a2.9 2.9 0 0 0-1.68-.17a2.87 2.87 0 0 0-2.16 1.75a2.95 2.95 0 0 0 .3 2.77v11.42a2.5 2.5 0 0 0 2.5 2.5h7.71a2.5 2.5 0 0 0 2.5-2.5v-.99l.91-.36a2.43 2.43 0 0 0 1.54-2.27V11.1a1.48 1.48 0 0 0-1.48-1.47m-1.97 9.8a1.5 1.5 0 0 1-1.5 1.5h-7.71a1.5 1.5 0 0 1-1.5-1.5v-8.09a2.86 2.86 0 0 0 1.93.74c.13 0 .25-.01.37-.02v6.34a.5.5 0 0 0 .5.5a.5.5 0 0 0 .5-.5v-6.58a.2.2 0 0 0-.01-.07a2.94 2.94 0 0 0 1.57-2.46h4.42a2.86 2.86 0 0 0 1.43-.38Zm-.01-11.77a1.95 1.95 0 0 1-1.42.63h-4.61a.8.8 0 0 0-.79.61a1 1 0 0 0-.02.2a1.98 1.98 0 0 1-1.05 1.78a1.934 1.934 0 0 1-2.8-1.72a1.8 1.8 0 0 1 .17-.77a.6.6 0 0 0-.13-.68a1.94 1.94 0 0 1-.41-2.11a1.87 1.87 0 0 1 1.4-1.13a2.5 2.5 0 0 1 .38-.03a1.9 1.9 0 0 1 .86.2a.77.77 0 0 0 .59.06A.8.8 0 0 0 9 4.32a2.273 2.273 0 0 1 4.06 0a.75.75 0 0 0 .44.38a.8.8 0 0 0 .59-.05a1.917 1.917 0 0 1 2.79 1.54a1.9 1.9 0 0 1-.504 1.47m2.46 8.15a1.43 1.43 0 0 1-.92 1.34l-.52.22v-6.74h.96a.48.48 0 0 1 .48.47Z"/><path fill="currentColor" d="M13.577 18.9a.5.5 0 0 1-.5-.5v-6.58a.5.5 0 0 1 1 0v6.58a.5.5 0 0 1-.5.5"/></svg>Beer Mug Full アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circum:beer-mug-full" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circum:beer-mug-full" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circum:beer-mug-full" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circum--beer-mug-full]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circum -->
<div class="i-circum:beer-mug-full"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circum:beer-mug-full"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/circum/beer-mug-full.svg" alt="Beer Mug Full アイコン" width="24" height="24">Beer Mug Full アイコン のよくある質問
Beer Mug Full アイコンは商用利用でも無料ですか?
はい。Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Beer Mug Full アイコンを使うには?
@iconify/react をインストールして <Icon icon="circum:beer-mug-full" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Beer Mug Full アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circum/beer-mug-full.svg" alt="Beer Mug Full アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。