Paint Bucket icon

game-icons:paint-bucket

The Paint Bucket icon (game-icons:paint-bucket) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: paintbucket

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M274.639 24.324q-1.957-.013-3.914.027c-51.867 1.055-104.298 29.226-135.069 81.643c7.894-1.849 16.23-3.578 24.918-5.245c40.784-55.165 109.828-71.82 163.772-47.845c33.498 14.888 61.522 45.309 73.933 93.998c6.188 24.276 8.4 53.16 5.149 86.777a215 215 0 0 1-11.662 4.254C357.004 249.52 309.028 256.679 256 256.679s-101.004-7.159-135.766-18.746c-17.398-5.8-31.388-12.652-41.146-20.342c-.29-.229-.565-.46-.848-.691A192 64 0 0 1 256 176.68a192 64 0 0 1 131.156 17.485c-.127-7.895-.948-17.402-2.709-26.877c-3.03-16.298-8.33-33.269-13.87-44.482c-32.923-7.762-72.188-12.127-114.577-12.127c-54.632 0-104.122 7.223-141.457 19.668c-18.65 6.217-34.418 13.686-46.596 23.283C55.68 163.298 46 176.566 46 192.68c0 16.112 9.68 29.38 21.947 39.048A98 98 0 0 0 73 235.443v197.236c0 5.189 3.194 11.174 11.658 17.844s21.703 13.3 38.424 18.873c33.442 11.147 80.71 18.283 132.918 18.283s99.476-7.136 132.918-18.283c16.721-5.574 29.96-12.203 38.424-18.873S439 437.868 439 432.679V253.095c-5.532 53.188-19.494 85.11-34.598 116.803c.002.186.01.371.01.558c0 9.347-2.862 17.978-7.998 24.624c-5.135 6.645-12.98 11.417-21.896 11.417s-16.76-4.772-21.895-11.417c-5.135-6.646-7.998-15.277-7.998-24.624s2.863-17.977 7.998-24.623c5.136-6.645 12.978-11.416 21.895-11.416c8.738 0 16.438 4.587 21.576 11.024c.185-.537.375-1.078.559-1.613c11.708-26.34 21.133-54.236 25.013-98.461c8.404-4.033 15.908-8.533 22.387-13.639C456.32 222.06 466 208.792 466 192.679s-9.68-29.381-21.947-39.049c-8.362-6.59-18.416-12.174-29.934-17.04c-14.385-50.057-45.396-83.66-82.465-100.135c-18.047-8.022-37.451-12.014-57.015-12.131m148.25 185.096a192 64 0 0 1 10.933 7.428c-.303.248-.598.496-.91.742c-3.132 2.469-6.706 4.85-10.683 7.139c.342-5.201.567-10.31.66-15.309M91.252 245.806c7.143 3.372 14.924 6.416 23.291 9.205C151.878 267.456 201.368 274.68 256 274.68c40.082 0 77.375-3.9 109.152-10.887c-1.347 22.319-5.683 62.65-19.502 62.157c-34.923-1.246-22.114-45.128-43.703-36.75c-15.494 6.013-13.837 34.672-28.804 35.26c-18.017.706-35.747-27.532-57.608-29.301c-16.208-1.312-16.45 63.536-36.75 64.81c-19.16 1.203-20.674-55.664-29.799-57.361c-36.095-6.713 18.027 104.509-38.238 111.244c-23.923 2.864-16.886-102.419-19.496-168.045zm283.266 106.611c-2.623 0-5.226 1.282-7.653 4.422s-4.24 8.03-4.24 13.617s1.813 10.477 4.24 13.618s5.03 4.423 7.653 4.423s5.227-1.283 7.654-4.423s4.24-8.03 4.24-13.618c0-5.587-1.813-10.476-4.24-13.617s-5.032-4.422-7.654-4.422"/></svg>

How to use the Paint Bucket icon

React

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

<Icon icon="game-icons:paint-bucket" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:paint-bucket" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:paint-bucket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--paint-bucket]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:paint-bucket"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/paint-bucket.svg" alt="Paint Bucket icon" width="24" height="24">

Related icons in Game Icons

Paint Bucket icon in other icon sets

Paint Bucket icon FAQ

Is the Paint Bucket icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Paint Bucket icon in React?

Install @iconify/react and render <Icon icon="game-icons:paint-bucket" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Paint Bucket icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/paint-bucket.svg" alt="Paint Bucket icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →