Ícone Paint Bucket 16
qlementine-icons:paint-bucket-16
O ícone Paint Bucket 16 (qlementine-icons:paint-bucket-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Diversos
- Tags
- paintbucket
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/paint-bucket-16.svg" alt="Ícone Paint Bucket 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Paint Bucket 16
O ícone Paint Bucket 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Paint Bucket 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:paint-bucket-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Paint Bucket 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/paint-bucket-16.svg" alt="Ícone Paint Bucket 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.