Иконка Paint Bucket Brush 16 Regular

fluent:paint-bucket-brush-16-regular

Иконка Paint Bucket Brush 16 Regular (fluent:paint-bucket-brush-16-regular) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 16 × 16. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent UI System Icons
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 16 × 16
Теги: paintbucket, bucketbrush, brushregular, paintbucketbrushregular

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M5.5 1a.5.5 0 0 1 .5.5v.959c.272.08.53.227.744.442l2.291 2.29a1.75 1.75 0 0 1 0 2.476l-.142.142a.5.5 0 0 1-.084.084l-3.062 3.062a1.75 1.75 0 0 1-2.475 0L.982 8.664a1.75 1.75 0 0 1 0-2.475L4.268 2.9c.212-.211.464-.357.731-.438V1.5a.5.5 0 0 1 .5-.5m2.788 6l.04-.04a.75.75 0 0 0 0-1.061l-2.29-2.291L6 3.573V4.5a.5.5 0 0 1-1 0v-.915l-.024.023l-3.288 3.288A1 1 0 0 0 1.602 7zM1.732 8l2.247 2.248a.75.75 0 0 0 1.061 0L7.288 8zm8.252 4.984l.005.005a1.87 1.87 0 0 1-.545 1.209c-.56.559-1.257.862-2.017.814c-.752-.047-1.492-.432-2.163-1.104a.5.5 0 0 1 .211-.833c.363-.107.557-.21.663-.291a.43.43 0 0 0 .155-.198c.016-.042.03-.089.049-.158l.009-.034a3 3 0 0 1 .06-.209a1.54 1.54 0 0 1 .383-.636a1.87 1.87 0 0 1 1.21-.545l.01.01a1.9 1.9 0 0 1 .157-.526c.237-.523.691-.976.995-1.28l.025-.025c1.076-1.076 2.184-1.966 3.106-2.525c.458-.277.895-.488 1.273-.59c.337-.09.827-.145 1.166.194c.34.34.283.83.193 1.166c-.101.378-.312.815-.59 1.272c-.558.923-1.448 2.031-2.524 3.107l-.025.025c-.304.304-.757.758-1.28.995a1.9 1.9 0 0 1-.526.157m-2.482-.728a.54.54 0 0 0-.14.239l-.042.144l-.012.047c-.02.075-.047.171-.087.27c-.086.216-.225.43-.477.623q-.078.06-.168.114c.328.206.636.303.913.321c.434.027.86-.137 1.247-.523a.873.873 0 1 0-1.234-1.235m1.504-.951c.016.11.075.256.253.434s.324.237.434.253a.7.7 0 0 0 .404-.075c.34-.155.676-.482 1.011-.817c1.035-1.035 1.87-2.081 2.376-2.918c.256-.421.413-.765.48-1.014q.028-.11.032-.166a1 1 0 0 0-.166.033c-.249.066-.593.223-1.014.479c-.837.506-1.883 1.34-2.918 2.376c-.335.335-.662.67-.817 1.012a.7.7 0 0 0-.075.403"/></svg>

Как использовать иконку Paint Bucket Brush 16 Regular

React

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

<Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:paint-bucket-brush-16-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--paint-bucket-brush-16-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:paint-bucket-brush-16-regular"></div>

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

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

<iconify-icon icon="fluent:paint-bucket-brush-16-regular"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/paint-bucket-brush-16-regular.svg" alt="Иконка Paint Bucket Brush 16 Regular" width="24" height="24">

Вопросы и ответы: Иконка Paint Bucket Brush 16 Regular

Можно ли бесплатно использовать иконку Paint Bucket Brush 16 Regular в коммерческих проектах?

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

Как использовать иконку Paint Bucket Brush 16 Regular в React?

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

Как добавить иконку Paint Bucket Brush 16 Regular на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent/paint-bucket-brush-16-regular.svg" alt="Иконка Paint Bucket Brush 16 Regular">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Fluent UI System Icons →