Botl Milk アイコン
si-glyph:botl-milk
Botl Milk アイコン(si-glyph:botl-milk)は、SmartIcons Glyph セットの無料 SVG アイコンです(作者: SmartIcons)。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 16 × 24
- タグ
- botlmilk
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M10.137 15.984H4.885c-1.013 0-1.837-.747-1.837-1.666V7.022c0-.42.444-1.397 1.173-2.956c.422-.898.996-2.127 1.002-2.375c0-.124-.209-.352-.35-.503c-.238-.257-.484-.524-.33-.828c.148-.294.554-.335.974-.335H9.5c.53.004.91.066 1.053.354c.148.305-.107.577-.332.818c-.139.147-.348.369-.348.493c.002.25.562 1.494.975 2.401c.701 1.545 1.126 2.514 1.126 2.93v7.296c0 .92-.826 1.667-1.837 1.667M5.543 1.041c.219.242.453.585.453.939c0 .347-.324 1.113-.965 2.506c-.449.971-1.059 2.299-1.059 2.6v7.043c0 .533.475.966 1.055.966H9.99c.584 0 1.058-.433 1.058-.966V7.086c0-.301-.587-1.619-1.018-2.58c-.604-1.361-1.011-2.181-1.011-2.531c0-.358.309-.689.531-.93c.016-.019-.076-.068-.167-.068H5.627c-.053 0-.101.044-.084.064"/><path d="M9.963 13.092c0 .701-.521.887-1.164.887H6.235c-.643 0-1.163-.186-1.163-.887V6.538c0-.701.63 1.534 1.985.474c1.356-1.056 2.906-1.175 2.906-.474z"/></g></svg>Botl Milk アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:botl-milk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:botl-milk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:botl-milk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--botl-milk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:botl-milk"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:botl-milk"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/botl-milk.svg" alt="Botl Milk アイコン" width="24" height="24">SmartIcons Glyph の関連アイコン
Botl Milk アイコン のよくある質問
Botl Milk アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Botl Milk アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:botl-milk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Botl Milk アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/botl-milk.svg" alt="Botl Milk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。