Иконка Broom Duotone

keyline-icons:broom-duotone

Иконка Broom Duotone (keyline-icons:broom-duotone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: broomduotone

Скачать 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4209 10.6875C13.3999 9.91207 14.7639 9.52866 16.3427 10.251C16.3725 10.2647 16.4023 10.2794 16.4306 10.2959C17.1356 10.7073 17.6104 11.2724 17.874 11.9258C18.1309 12.5629 18.1647 13.2265 18.0947 13.8272C17.9765 14.8401 17.5476 15.8077 17.1386 16.4903C17.1401 16.8058 17.0833 17.1154 17.0214 17.3692C16.9173 17.7967 16.7528 18.2576 16.5722 18.6973C16.2129 19.5722 15.7482 20.4607 15.4257 21.0235L15.4267 21.0245C15.0626 21.6817 14.5898 22.1948 14.0068 22.5352C13.423 22.876 12.7863 23.0099 12.1484 22.9991C10.9108 22.9779 9.62249 22.4123 8.45015 21.6836C6.08194 20.2117 3.69812 17.7643 2.22847 15.9815C1.95777 15.653 1.92416 15.1888 2.14546 14.8252C2.36677 14.4617 2.79479 14.2786 3.21089 14.3682C6.2802 15.029 9.40906 13.7321 10.7988 12.8702C11.1007 12.1716 11.6343 11.3106 12.4209 10.6875Z" stroke="none"/><path d="M15.9271 11.1603L21 2"/></g></svg>

Как использовать иконку Broom Duotone

React

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

<Icon icon="keyline-icons:broom-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:broom-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:broom-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--broom-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:broom-duotone"></div>

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

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

<iconify-icon icon="keyline-icons:broom-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/broom-duotone.svg" alt="Иконка Broom Duotone" width="24" height="24">

Иконка Broom Duotone в других наборах

Вопросы и ответы: Иконка Broom Duotone

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

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

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

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

Как добавить иконку Broom Duotone на веб-страницу?

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

Все Keyline Icons →