Bottle Broken アイコン
solar:bottle-broken
Bottle Broken アイコン(solar:bottle-broken)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 食べ物
- タグ
- bottlebroken
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M16.0195 3.49707L18.1717 4.79354"/><path stroke-linecap="round" stroke-linejoin="round" d="M7.8603 13.3391C7.82909 13.3705 7.79656 13.4025 7.73204 13.466L6.9476 14.2373C5.90568 15.2618 5.38473 15.774 5.17824 16.3162C4.8634 17.1428 4.97024 18.0804 5.46243 18.81C5.78524 19.2884 6.40729 19.6632 7.65135 20.4126L8.31569 20.8128C9.55975 21.5622 10.1818 21.9369 10.7404 21.9894C11.592 22.0693 12.4236 21.6971 12.9523 20.9993C13.2991 20.5416 13.4638 19.8148 13.7931 18.361L14.0411 17.2666C14.0616 17.1763 14.0823 17.0872 14.0823 17.0872C14.2579 16.35 14.5334 15.6478 14.8973 15.0002C15.3143 14.2582 15.8473 13.588 16.4789 13.0191C16.5117 12.9896 16.5461 12.9593 16.6137 12.8998C16.6835 12.8384 16.7185 12.8077 16.7511 12.778C17.9358 11.6985 18.5693 10.1049 18.4651 8.46617C18.4622 8.42108 18.4584 8.37355 18.4508 8.2785L18.1716 4.79358L18.6267 3.97125C18.7578 3.73425 18.8234 3.61575 18.8287 3.49875C18.8333 3.39577 18.806 3.29388 18.7506 3.20701C18.6875 3.1083 18.5715 3.03842 18.3395 2.89865L17.5588 2.42836C17.3108 2.27899 17.1869 2.2043 17.0641 2.19694C16.9562 2.19047 16.8491 2.21914 16.7589 2.27867C16.6562 2.34638 16.5861 2.47302 16.446 2.7263L16.0195 3.49711L12.9874 4.98728C12.9047 5.0279 12.8633 5.04825 12.8245 5.0682C11.4122 5.79342 10.4062 7.16263 10.1026 8.77291C10.0943 8.8172 10.0862 8.86419 10.0702 8.95795C10.0545 9.04922 10.0467 9.09488 10.0385 9.13938C9.99108 9.39885 9.93135 9.65479 9.85978 9.90633"/><path stroke-linecap="square" d="M17.6978 9.26736L16.8956 9.53474C16.0254 9.82483 15.0674 9.65397 14.3511 9.08091C13.5274 8.42196 12.3957 8.30207 11.4522 8.77381L10.7261 9.1369"/></g></svg>Bottle Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bottle-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bottle-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bottle-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bottle-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bottle-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bottle-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/bottle-broken.svg" alt="Bottle Broken アイコン" width="24" height="24">Solar の関連アイコン
Bottle Broken アイコン のよくある質問
Bottle Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bottle Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:bottle-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bottle Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/bottle-broken.svg" alt="Bottle Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。