ICONYZ
Русский
Иконка Electric Refueling Line Duotone из набора Solar

Иконка Electric Refueling Line Duotone

solar:electric-refueling-line-duotone

Иконка Electric Refueling Line Duotone (solar:electric-refueling-line-duotone) — бесплатная SVG-иконка из набора Solar от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Electric Refueling Line Duotone в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →