Bucket Circle icon in outline, twotone, bold and bulk. Free in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG, the React, Vue or Svelte 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>