ICONYZ
Русский
Иконка Tailings Dam 20 из набора Energy Icons

Иконка Tailings Dam 20

energy-icons:tailings-dam-20

Иконка Tailings Dam 20 (energy-icons:tailings-dam-20) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 20 × 20. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Energy Icons
Автор
Sam Passmore
Лицензия
MIT
Размер
20 × 20
Теги
tailingsdam, tailing
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M15.833 10.332a.5.5 0 0 1 .46.303l2.5 5.834a.5.5 0 0 1-.46.697h-7.5a.5.5 0 0 1-.46-.697l2.5-5.834l.034-.066a.5.5 0 0 1 .426-.237zm-4.241 5.834h5.982l-2.071-4.834h-1.84z"/><path fill="currentColor" d="M10.833 16.166v1H1.667a.5.5 0 1 1 0-1zm-3.437-4.667c.546 0 1.07.23 1.495.642c.261.254.54.359.797.359c.255 0 .535-.105.796-.36a.5.5 0 0 1 .698.718c-.426.413-.948.642-1.494.642c-.547 0-1.07-.229-1.495-.642c-.262-.254-.542-.359-.797-.359c-.256 0-.536.104-.798.358c-.426.413-.947.643-1.493.643s-1.07-.23-1.495-.642c-.261-.254-.542-.359-.797-.359c-.256 0-.536.105-.797.36a.5.5 0 0 1-.698-.718c.426-.413.948-.642 1.495-.642c.546 0 1.068.229 1.494.642c.262.254.542.359.797.359c.256 0 .537-.105.798-.36c.426-.412.947-.64 1.494-.641m-.521 2.084c.526 0 1.017.242 1.406.657c.236.251.475.343.677.343s.441-.091.677-.343a.5.5 0 0 1 .73.685c-.39.415-.88.658-1.407.658c-.526 0-1.017-.243-1.406-.658c-.235-.25-.474-.342-.677-.342s-.442.09-.678.34c-.39.416-.88.66-1.406.66s-1.017-.243-1.406-.658c-.236-.25-.474-.342-.677-.342s-.441.091-.677.342a.5.5 0 1 1-.728-.685c.39-.415.88-.657 1.405-.657c.526 0 1.017.242 1.406.657c.236.251.475.343.677.343s.441-.091.677-.343c.39-.415.88-.657 1.407-.657"/></svg>

Как использовать иконку Tailings Dam 20

React

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

<Icon icon="energy-icons:tailings-dam-20" width="24" />

Vue

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

<template>
  <Icon icon="energy-icons:tailings-dam-20" width="24" />
</template>

Svelte

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

<Icon icon="energy-icons:tailings-dam-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tailings-dam-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tailings-dam-20"></div>

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

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

<iconify-icon icon="energy-icons:tailings-dam-20"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/tailings-dam-20.svg" alt="Иконка Tailings Dam 20" width="24" height="24">

Похожие иконки в наборе Energy Icons

Вопросы и ответы: Иконка Tailings Dam 20

Можно ли бесплатно использовать иконку Tailings Dam 20 в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Tailings Dam 20 в React?

Установите @iconify/react и выведите <Icon icon="energy-icons:tailings-dam-20" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tailings Dam 20 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/tailings-dam-20.svg" alt="Иконка Tailings Dam 20">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →