Иконка Washer 48
energy-icons:washer-48
Иконка Washer 48 (energy-icons:washer-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M41 22c0-2.233-1.641-4.466-4.758-6.197C33.16 14.09 28.833 13 24 13s-9.16 1.09-12.242 2.803C8.64 17.534 7 19.767 7 22s1.641 4.466 4.758 6.197C14.84 29.91 19.167 31 24 31s9.16-1.09 12.242-2.803C39.36 26.466 41 24.233 41 22m2 0c0 3.29-2.388 6.057-5.786 7.945C33.782 31.852 29.108 33 24 33s-9.782-1.148-13.214-3.055C7.388 28.057 5 25.29 5 22s2.388-6.057 5.786-7.945C14.218 12.148 18.892 11 24 11s9.782 1.148 13.214 3.055C40.612 15.943 43 18.71 43 22"/><path fill="currentColor" d="M30 22c0-.384-.337-1-1.497-1.58c-1.1-.55-2.692-.92-4.503-.92s-3.402.37-4.503.92C18.337 21 18 21.616 18 22s.337 1 1.497 1.58c1.1.55 2.692.92 4.503.92s3.402-.37 4.503-.92C29.663 23 30 22.384 30 22m2 0c0 1.55-1.23 2.683-2.604 3.37c-1.432.715-3.342 1.13-5.396 1.13s-3.964-.415-5.396-1.13C17.23 24.682 16 23.55 16 22s1.23-2.683 2.604-3.37c1.432-.715 3.342-1.13 5.396-1.13s3.964.415 5.397 1.13C30.77 19.318 32 20.45 32 22"/><path fill="currentColor" d="M5 28v-6h2v6c0 2.233 1.641 4.466 4.758 6.197C14.84 35.91 19.167 37 24 37s9.16-1.09 12.242-2.803C39.36 32.466 41 30.233 41 28v-6h2v6c0 3.29-2.388 6.057-5.786 7.945C33.782 37.852 29.108 39 24 39s-9.782-1.148-13.214-3.055C7.388 34.057 5 31.29 5 28"/></svg>Как использовать иконку Washer 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:washer-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:washer-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:washer-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--washer-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:washer-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:washer-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/washer-48.svg" alt="Иконка Washer 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Washer 48
Можно ли бесплатно использовать иконку Washer 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Washer 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:washer-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Washer 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/washer-48.svg" alt="Иконка Washer 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.