Иконка Broom

openmoji:broom

Иконка Broom (openmoji:broom) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Предметы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f1b31c" d="M20.674 59.984c1.298-1.388 3.582-3.605 4.842-4.952c-1.454.886-4.208 3.37-5.614 4.263a46 46 0 0 1-5.492-4.772a23.6 23.6 0 0 0 9.05-4.15a29.8 29.8 0 0 1-10.084 2.904a48 48 0 0 1-3.427-5.45c7.152 1.945 14.93-.92 19.73-5.92a91 91 0 0 0 4.136 2.247a3.2 3.2 0 0 1 1.618 1.91c1.746 4.666.728 8.778-2.432 12.475c-1.322 1.547-3.294 3.912-5.035 4.96a34 34 0 0 1-7.292-3.515"/><path fill="#a57939" d="m36.41 39.12l-2.592-1.5c.684-1.193 1.347-2.356 2.016-3.515q7.255-12.568 14.512-25.133c.1-.172.195-.345.304-.51a1.497 1.497 0 0 1 2.584 1.512c-.81 1.451-1.653 2.883-2.484 4.323l-12.73 22.05c-.523.905-1.05 1.809-1.61 2.774"/><path fill="#92d3f5" d="m35.17 44.218l-5.12-2.957c.535-.918 1.022-1.82 1.576-2.68a.93.93 0 0 1 1.31-.317q1.712.944 3.387 1.957a.94.94 0 0 1 .377 1.297c-.467.909-1.004 1.782-1.53 2.7"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.674 59.984c1.298-1.388 3.582-3.605 4.842-4.952c-1.454.886-4.208 3.37-5.614 4.263a46 46 0 0 1-5.492-4.772a23.6 23.6 0 0 0 9.05-4.15a29.8 29.8 0 0 1-10.084 2.904a48 48 0 0 1-3.427-5.45c7.152 1.945 14.93-.92 19.73-5.92a91 91 0 0 0 4.136 2.247a3.2 3.2 0 0 1 1.618 1.91c1.746 4.666.728 8.778-2.432 12.475c-1.322 1.547-3.294 3.912-5.035 4.96a34 34 0 0 1-7.292-3.515"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="m36.41 39.12l-2.592-1.5c.684-1.193 1.347-2.356 2.016-3.515q7.255-12.568 14.512-25.133c.1-.172.195-.345.304-.51a1.497 1.497 0 0 1 2.584 1.512c-.81 1.451-1.653 2.883-2.484 4.323l-12.73 22.05c-.523.905-1.05 1.809-1.61 2.774Zm-1.24 5.098l-5.12-2.957c.535-.918 1.022-1.82 1.576-2.68a.93.93 0 0 1 1.31-.317q1.712.944 3.387 1.957a.94.94 0 0 1 .377 1.297c-.467.909-1.004 1.782-1.53 2.7Z"/><circle cx="33.057" cy="63.358" r="1.408"/><circle cx="36.299" cy="59.295" r="1.185"/><circle cx="36.299" cy="62.294" r=".941"/></svg>

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

React

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

<Icon icon="openmoji:broom" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:broom" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:broom" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="openmoji:broom"></iconify-icon>

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

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

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

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

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки OpenMoji →