Иконка Paint Bucket 16
qlementine-icons:paint-bucket-16
Иконка Paint Bucket 16 (qlementine-icons:paint-bucket-16) — бесплатная SVG-иконка из набора Qlementine Icons от Olivier Cléro. Она нарисована на сетке 24 × 24. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Qlementine Icons
- Автор
- Olivier Cléro
- Лицензия
- MIT
- Размер
- 24 × 24
- Категория
- Разное
- Теги
- paintbucket
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m4.71 2l-.605 1.05l-1.23-.709A1.918 1.918 0 1 0 .957 5.663l1.23.709l-.424.734c-.84 1.46-1.26 2.18-1.3 2.9c-.033.633.135 1.26.48 1.79c.392.604 1.12 1.02 2.57 1.86l1.1.638c1.46.84 2.18 1.26 2.9 1.3a3 3 0 0 0 1.79-.48c.604-.392 1.02-1.12 1.86-2.57l1.36-2.35c.179-.31.269-.466.373-.605a3 3 0 0 1 1.09-.905c.156-.076.326-.136.664-.255c.566-.199.85-.299.993-.423a1 1 0 0 0 .128-1.38c-.118-.148-.378-.298-.898-.598l-7.99-4.61c-.485-.28-.728-.42-.967-.433a1 1 0 0 0-.597.16c-.201.131-.341.373-.621.858zm9.68 4.89L6.4 2.28a9 9 0 0 0-.503-.279l-.012-.006l-.008.011a9 9 0 0 0-.297.493L3.56 6l2.42 1.4a1.5 1.5 0 1 1-.457.89l-2.46-1.42l-.423.734c-.428.742-.72 1.25-.912 1.65c-.188.398-.244.624-.253.8c-.022.422.09.84.32 1.19c.096.147.257.316.619.566c.37.257.875.55 1.62.977l1.1.638c.742.428 1.25.72 1.65.912c.398.188.624.244.8.253c.422.022.84-.09 1.19-.32c.147-.095.316-.257.566-.619c.257-.37.549-.875.977-1.62l1.38-2.39c.155-.269.272-.472.412-.659a4.06 4.06 0 0 1 1.45-1.21c.21-.103.43-.18.724-.283l.047-.016a15 15 0 0 0 .647-.239l-.036-.024a15 15 0 0 0-.557-.33zm-12-3.69l1.23.709l-.919 1.59l-1.23-.709a.914.914 0 1 1 .914-1.586z" clip-rule="evenodd"/></svg>Как использовать иконку Paint Bucket 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:paint-bucket-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:paint-bucket-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:paint-bucket-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--paint-bucket-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:paint-bucket-16"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:paint-bucket-16"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/paint-bucket-16.svg" alt="Иконка Paint Bucket 16" width="24" height="24">Похожие иконки в наборе Qlementine Icons
Вопросы и ответы: Иконка Paint Bucket 16
Можно ли бесплатно использовать иконку Paint Bucket 16 в коммерческих проектах?
Да. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Paint Bucket 16 в React?
Установите @iconify/react и выведите <Icon icon="qlementine-icons:paint-bucket-16" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Paint Bucket 16 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/qlementine-icons/paint-bucket-16.svg" alt="Иконка Paint Bucket 16">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.