Bot Droplet Fill アイコン
keyline-icons:bot-droplet-fill
Bot Droplet Fill アイコン(keyline-icons:bot-droplet-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- botdroplet、dropletfill、botdropletfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.2 8.6C20.3684 10.1579 21 12.0527 21 14C21 18.9706 16.9706 23 12 23C7.0294 23 3 18.9706 3 14C3 12.0527 3.6316 10.1579 4.8 8.6L9.6 2.2C10.1666 1.4446 11.0557 1 12 1C12.9443 1 13.8334 1.4446 14.4 2.2L19.2 8.6ZM9.0114 11.7535L9.4635 14.7192C9.5468 15.2652 10.0568 15.6403 10.6028 15.5571C11.1488 15.4738 11.5239 14.9638 11.4407 14.4178L10.9886 11.4521C10.9053 10.9061 10.3953 10.531 9.8493 10.6142C9.3033 10.6974 8.9282 11.2075 9.0114 11.7535ZM12.9657 11.1507L13.4178 14.1164C13.501 14.6624 14.0111 15.0375 14.5571 14.9543C15.1031 14.8711 15.4782 14.361 15.395 13.815L14.9429 10.8493C14.8597 10.3033 14.3496 9.9282 13.8036 10.0114C13.2576 10.0946 12.8825 10.6047 12.9657 11.1507Z" clip-rule="evenodd"/></svg>Bot Droplet Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bot-droplet-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bot-droplet-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bot-droplet-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bot-droplet-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bot-droplet-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:bot-droplet-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/bot-droplet-fill.svg" alt="Bot Droplet Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
bot
bot-2
bot-2-duotone
bot-2-fill
bot-2-sharp
bot-2-sharp-duotone
bot-2-sharp-fill
bot-2-sharp-two-tone
bot-2-two-tone
bot-circle
bot-circle-duotone
bot-circle-fill
bot-circle-sharp
bot-circle-sharp-duotone
bot-circle-sharp-fill
bot-circle-sharp-two-tone
bot-circle-two-tone
bot-cloud
bot-cloud-duotone
bot-cloud-fill
bot-cloud-sharp
bot-cloud-sharp-duotone
bot-cloud-sharp-fill
bot-cloud-sharp-two-tone
Bot Droplet Fill アイコン のよくある質問
Bot Droplet Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bot Droplet Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:bot-droplet-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bot Droplet Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/bot-droplet-fill.svg" alt="Bot Droplet Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。