Bot Cloud Fill アイコン
keyline-icons:bot-cloud-fill
Bot Cloud Fill アイコン(keyline-icons:bot-cloud-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- botcloud、cloudfill、botcloudfill
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="M6 20L18 20C20.5784 20 22.734 18.0393 22.9776 15.4724C23.2212 12.9055 21.4729 10.5743 18.9405 10.0893C18.4833 6.6052 15.5139 4 12 4C8.4861 4 5.5167 6.6052 5.0595 10.0893C2.5271 10.5743 0.7788 12.9055 1.0224 15.4724C1.266 18.0393 3.4216 20 6 20ZM9.0114 11.7535C8.9282 11.2075 9.3033 10.6974 9.8493 10.6142C10.3953 10.531 10.9053 10.9061 10.9886 11.4521L11.4407 14.4178C11.5239 14.9638 11.1488 15.4738 10.6028 15.5571C10.0568 15.6403 9.5468 15.2652 9.4635 14.7192L9.0114 11.7535ZM12.9657 11.1507C12.8825 10.6047 13.2576 10.0946 13.8036 10.0114C14.3496 9.9282 14.8597 10.3033 14.9429 10.8493L15.395 13.815C15.4782 14.361 15.1031 14.8711 14.5571 14.9543C14.0111 15.0375 13.501 14.6624 13.4178 14.1164L12.9657 11.1507Z" clip-rule="evenodd"/></svg>Bot Cloud Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bot-cloud-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bot-cloud-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bot-cloud-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bot-cloud-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bot-cloud-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-cloud-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/bot-cloud-fill.svg" alt="Bot Cloud 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-sharp
bot-cloud-sharp-duotone
bot-cloud-sharp-fill
bot-cloud-sharp-two-tone
bot-cloud-two-tone
Bot Cloud Fill アイコン のよくある質問
Bot Cloud Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bot Cloud Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:bot-cloud-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bot Cloud Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/bot-cloud-fill.svg" alt="Bot Cloud Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。