ICONYZ
日本語
Solar の Electric Refueling Line Duotone アイコン

Electric Refueling Line Duotone アイコン

solar:electric-refueling-line-duotone

Electric Refueling Line Duotone アイコン(solar:electric-refueling-line-duotone)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
パーツ
タグ
electricrefueling、refuelingline、lineduotone、electricrefuelinglineduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M16 22V8C16 5.17157 16 3.75736 15.1213 2.87868C14.2426 2 12.8284 2 10 2H9C6.17157 2 4.75736 2 3.87868 2.87868C3 3.75736 3 5.17157 3 8V22"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.5 10L8 12.5H11L9.5 15" opacity=".5"/><path stroke-linecap="round" d="M17 22H2"/><path stroke-linecap="round" d="M19.5 4L20.7331 4.98647C20.8709 5.09673 20.9398 5.15186 21.0025 5.20805C21.5937 5.73807 21.9508 6.48086 21.9953 7.27364C22 7.35769 22 7.44594 22 7.62244V18.5C22 19.3284 21.3284 20 20.5 20C19.6716 20 19 19.3284 19 18.5V18.4286C19 17.6396 18.3604 17 17.5714 17H16M22 8H20.5C19.6716 8 19 8.67157 19 9.5V11.9189C19 12.5645 19.4131 13.1377 20.0257 13.3419L22 14" opacity=".5"/></g></svg>

Electric Refueling Line Duotone アイコンの使い方

React

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

<Icon icon="solar:electric-refueling-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:electric-refueling-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:electric-refueling-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--electric-refueling-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:electric-refueling-line-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:electric-refueling-line-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/electric-refueling-line-duotone.svg" alt="Electric Refueling Line Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Electric Refueling Line Duotone アイコン のよくある質問

Electric Refueling Line Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Electric Refueling Line Duotone アイコンを使うには?

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

Electric Refueling Line Duotone アイコンをウェブページに追加するには?

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

Solar アイコン をすべて見る →