Droplets アイコン

Q: Droplets アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:droplets

Droplets アイコン(keyline-icons:droplets)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: droplet

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.57 3.925L13.0256 3.3673C13.2155 3.1349 13.4998 3 13.8 3C14.1002 3 14.3845 3.1349 14.5744 3.3673L19.3759 9.2449C20.4263 10.5306 21 12.1398 21 13.8C21 17.7765 17.7765 21 13.8 21C11.7344 21 9.7683 20.1129 8.4015 18.5641M10.5153 7.7323C11.1331 8.4886 11.4706 9.4352 11.4706 10.4118C11.4706 12.7509 9.5744 14.6471 7.2353 14.6471C4.8962 14.6471 3 12.7509 3 10.4118C3 9.4352 3.3375 8.4886 3.9553 7.7323L6.7797 4.2749C6.8915 4.1382 7.0587 4.0588 7.2353 4.0588C7.4119 4.0588 7.5791 4.1382 7.6909 4.2749L10.5153 7.7323Z"/></svg>

Droplets アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:droplets" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:droplets" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:droplets" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--droplets]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:droplets"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:droplets"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/droplets.svg" alt="Droplets アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Droplets アイコン

Droplets アイコンのよくある質問

Droplets アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Droplets アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:droplets" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Droplets アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/droplets.svg" alt="Droplets アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →