Soda Bottle アイコン
game-icons:soda-bottle
Soda Bottle アイコン(game-icons:soda-bottle)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
- タグ
- sodabottle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m156.6 342.7l3.5 18.7l-15.6 29.7l.1 2.6c1.1 51.3 16.2 75.3 31.8 84.3c13.7 9 28.9 7 40.3 2c6.5 8 18.5 17 39.3 17s32.8-9 39.3-17c11.4 5 26.6 7 40.3-2c15.6-9 30.7-33 31.8-84.3l.1-2.6l-15.6-29.7l3.5-18.7h-21.2l-4.1 21.9l16.4 31.3c-.5 16.1-2.4 29.1-5.4 39.1c-4.2 14-10.3 22-17.5 26c-9.2 5-19.3 2-24.9-3l-11.1-9l-5.3 13s-6.2 14-26.3 14s-26.3-14-26.3-14l-5.3-13l-11.1 9c-13.9 12-45.5 11-47.8-62.1l16.4-31.3l-4.1-21.9zm84.5 52.3c8.1 0 14.8 7 14.8 15s-6.7 15-14.8 15c-8.2 0-14.8-7-14.8-15s6.6-15 14.8-15m61.5-21.9c-2.5 9.2-11.9 14.6-21.1 12.2c-9.2-2.5-14.7-12-12.2-21.1c2.5-9.2 11.9-14.7 21.1-12.2c9.2 2.4 14.7 11.9 12.2 21.1M224.5 354c5.8 0 10.5 4.7 10.5 10.5s-4.7 10.5-10.5 10.5s-10.5-4.7-10.5-10.5s4.7-10.5 10.5-10.5M361 238H149l5.8 88h200.4zm-208.4-16.7h20.8c.7-44.9 22.9-58.1 40.5-73.2c13.1-11.3 24.1-23.4 26.9-44.7h30.4c2.8 21.3 13.8 33.4 26.9 44.7c17.6 15.1 39.8 28.3 40.5 73.2h20.8c-.5-45.8-19.1-64.9-37.7-80.6C307 128.2 291.5 119 291.4 93V82.6h-70.8V93c-.1 26-15.6 35.2-30.3 47.7c-18.6 15.7-37.2 34.8-37.7 80.6m86.1-40.1c6.8 0 12.4 5.6 12.4 12.4c0 6.9-5.6 12.4-12.4 12.4s-12.4-5.5-12.4-12.4c0-6.8 5.6-12.4 12.4-12.4m36.8-23.2c5.8 0 10.5 4.7 10.5 10.5s-4.7 10.5-10.5 10.5s-10.5-4.7-10.5-10.5s4.7-10.5 10.5-10.5M302 53.7h-92v16.6h92zm-82.8-37.2h73.6c2.5 0 4.8 1 6.5 2.7s2.7 4 2.7 6.5v15.8h-92V25.7c0-2.5 1-4.8 2.7-6.5s4-2.7 6.5-2.7"/></svg>Soda Bottle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:soda-bottle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:soda-bottle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:soda-bottle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--soda-bottle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:soda-bottle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:soda-bottle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/soda-bottle.svg" alt="Soda Bottle アイコン" width="24" height="24">Game Icons の関連アイコン
Soda Bottle アイコン のよくある質問
Soda Bottle アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Soda Bottle アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:soda-bottle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soda Bottle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/soda-bottle.svg" alt="Soda Bottle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。