Oil Spill 48 Bold アイコン

Q: Oil Spill 48 Bold アイコンは商用利用でも無料ですか?

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

energy-icons:oil-spill-48-bold

Oil Spill 48 Bold アイコン(energy-icons:oil-spill-48-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Energy Icons
作者: Sam Passmore
ライセンス: MIT
サイズ: 48 × 48
タグ: oilspill、spillbold、oilspillbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M29.75 19c0-3.43-1.541-5.914-3.243-8.144c-.816-1.068-1.77-2.2-2.455-3.234L24 7.54l-.052.082c-.685 1.034-1.64 2.166-2.455 3.234c-1.702 2.23-3.243 4.714-3.243 8.144c0 3.18 2.57 5.75 5.75 5.75s5.75-2.57 5.75-5.75m2.5 0c0 4.56-3.69 8.25-8.25 8.25s-8.25-3.69-8.25-8.25c0-4.27 1.959-7.306 3.757-9.661c.934-1.224 1.73-2.151 2.357-3.098c.612-.922.886-1.621.886-2.241a1.25 1.25 0 1 1 2.5 0c0 .62.274 1.319.886 2.241c.627.947 1.423 1.874 2.357 3.098C30.291 11.694 32.25 14.73 32.25 19M24 30.75c4.491 0 8.598.454 11.618 1.209c1.5.375 2.803.841 3.76 1.407c.875.517 1.872 1.367 1.872 2.634s-.997 2.117-1.871 2.634c-.958.566-2.26 1.032-3.76 1.407c-3.021.755-7.128 1.209-11.619 1.209s-8.598-.454-11.618-1.209c-1.5-.375-2.803-.841-3.76-1.407C7.746 38.117 6.75 37.267 6.75 36s.997-2.117 1.871-2.634c.958-.566 2.26-1.032 3.76-1.407C15.403 31.204 19.51 30.75 24 30.75m0 2.5c-4.349 0-8.242.441-11.012 1.134c-1.394.348-2.433.744-3.094 1.135c-.395.233-.551.4-.612.481c.06.081.217.248.612.481c.66.391 1.7.787 3.094 1.135c2.77.693 6.663 1.134 11.012 1.134s8.242-.441 11.012-1.134c1.394-.348 2.434-.744 3.094-1.135c.394-.232.55-.4.61-.481c-.06-.081-.216-.249-.61-.481c-.66-.391-1.7-.787-3.094-1.135c-2.77-.693-6.663-1.134-11.012-1.134"/></svg>

Oil Spill 48 Bold アイコンの使い方

React

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

<Icon icon="energy-icons:oil-spill-48-bold" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:oil-spill-48-bold" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:oil-spill-48-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--oil-spill-48-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:oil-spill-48-bold"></div>

Web コンポーネント

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

<iconify-icon icon="energy-icons:oil-spill-48-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/energy-icons/oil-spill-48-bold.svg" alt="Oil Spill 48 Bold アイコン" width="24" height="24">

Energy Icons の関連アイコン

Oil Spill 48 Bold アイコンのよくある質問

Oil Spill 48 Bold アイコンは商用利用でも無料ですか?

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

React で Oil Spill 48 Bold アイコンを使うには?

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

Oil Spill 48 Bold アイコンをウェブページに追加するには?

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

Energy Icons をすべて見る →