ICONYZ
日本語
SmartIcons Glyph の Botl Milk アイコン

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 コード

<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 コードをページに直接貼り付けます。

SmartIcons Glyph アイコン をすべて見る →