Free Bucket Circle SVG icon in outline, twotone, bold and bulk. Available in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconBucketCircle } from "@devigner-ui/icons";
<IconBucketCircle className="size-6" />
<script setup>
import { IconBucketCircle } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBucketCircle class="size-6" />
</template>
<script>
import { IconBucketCircle } from "@devigner-ui/icons-svelte";
</script>
<IconBucketCircle class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path d="m10.08 15.95-2.39-2.39q-1.2-1.2 0-2.39l3.99-3.99 4.39 4.39c.22.22.22.58 0 .8l-3.59 3.59q-1.2 1.19-2.4-.01" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.88 6.38.8.8" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="m7.13 12.33 9.03-.39" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.14 14.17s-1.1 1.2-1.1 1.93c0 .61.5 1.1 1.1 1.1s1.1-.5 1.1-1.1c.01-.74-1.1-1.93-1.1-1.93" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M12.67 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>