Color Bucket Brush ikonu

streamline-ultimate-color:color-bucket-brush

Color Bucket Brush ikonu (streamline-ultimate-color:color-bucket-brush), Ultimate color icons setinden ücretsiz bir SVG ikondur (yapımcı: Streamline). 24 × 24 ızgara üzerinde çizilmiştir. Ultimate color icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Ultimate color icons
Yazar: Streamline
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Tasarım
Etiketler: colorbucket, bucketbrush, colorbucketbrush

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#e3e3e3" d="M23 11.044c0 1.32-2.353 2.39-5.26 2.39a9.7 9.7 0 0 1-3.348-.545c-1.167-.44-1.913-1.1-1.913-1.845c0-1.32 2.353-2.392 5.26-2.392c2.908 0 5.261 1.073 5.261 2.392"/><path fill="#ff808c" d="M23 11.044v8.044a1.3 1.3 0 0 1-.478.086a1.435 1.435 0 0 1-1.435-1.435h-1.435a1.435 1.435 0 0 1-1.435-1.435a.956.956 0 1 0-1.913 0a.956.956 0 0 1-1.913 0V12.89a9.7 9.7 0 0 0 3.348.546c2.908 0 5.26-1.074 5.26-2.392"/><path fill="#e3e3e3" d="M23 19.09v.562c0 1.32-2.353 2.391-5.26 2.391c-2.908 0-5.261-1.071-5.261-2.39v-8.61c0 .747.746 1.407 1.913 1.847v3.414a.956.956 0 0 0 1.913 0a.956.956 0 1 1 1.913 0c0 .793.642 1.435 1.434 1.435h1.435c.002.99.98 1.68 1.913 1.35"/><path fill="#ffef5e" d="M1 10.565v.402a4.8 4.8 0 0 0 2.87 4.38v4.783c.003 1.473 1.6 2.39 2.873 1.65c.588-.34.951-.97.953-1.65v-4.782a4.8 4.8 0 0 0 2.87-4.381v-.402"/><path fill="#e3e3e3" d="M10.566 8.654H1.001v1.913h9.565z"/><path fill="#fff" d="M10.566 2.913v5.74H1.001v-5.74c0-.528.428-.956.957-.956H9.61c.528 0 .956.428.956.956"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M3.87 1.957v3.347m3.825-3.347v3.347M5.782 20.13v-.956M23 11.044c0 1.32-2.353 2.39-5.26 2.39a9.7 9.7 0 0 1-3.348-.545c-1.167-.44-1.913-1.1-1.913-1.845c0-1.32 2.353-2.392 5.26-2.392c2.908 0 5.261 1.073 5.261 2.392"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 11.044v8.044a1.3 1.3 0 0 1-.478.086a1.435 1.435 0 0 1-1.435-1.435h-1.435a1.435 1.435 0 0 1-1.435-1.435a.956.956 0 1 0-1.913 0a.956.956 0 0 1-1.913 0V12.89a9.7 9.7 0 0 0 3.348.546c2.908 0 5.26-1.07 5.26-2.392"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 19.09v.562c0 1.32-2.353 2.391-5.26 2.391c-2.908 0-5.261-1.071-5.261-2.39v-8.61c0 .747.746 1.407 1.913 1.847v3.414a.956.956 0 0 0 1.913 0a.956.956 0 1 1 1.913 0c0 .793.642 1.435 1.434 1.435h1.435c.002.99.98 1.68 1.913 1.35"/><path fill="#ff808c" d="M17.739 13.435a7.8 7.8 0 0 0 4.555-1.198a7.8 7.8 0 0 0-4.555-1.194a7.8 7.8 0 0 0-4.553 1.198c.367.277.773.497 1.205.652c1.076.377 2.21.56 3.348.542"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1 10.565v.402a4.8 4.8 0 0 0 2.87 4.38v4.783c.003 1.473 1.6 2.39 2.873 1.65c.588-.34.951-.97.953-1.65v-4.782a4.8 4.8 0 0 0 2.87-4.381v-.402M23 11.043c0 1.32-2.353 2.392-5.261 2.392a9.7 9.7 0 0 1-3.348-.546c-1.167-.44-1.913-1.1-1.913-1.845c0-1.32 2.353-2.392 5.261-2.392s5.26 1.073 5.26 2.392"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.566 8.654H1.001v1.913h9.565zm0-5.74v5.738H1.001V2.913c0-.528.428-.956.957-.956H9.61c.528 0 .956.428.956.956"/></g></svg>

Color Bucket Brush ikonu nasıl kullanılır

React

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

<Icon icon="streamline-ultimate-color:color-bucket-brush" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:color-bucket-brush" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:color-bucket-brush" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--color-bucket-brush]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:color-bucket-brush"></div>

Web bileşeni

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

<iconify-icon icon="streamline-ultimate-color:color-bucket-brush"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/color-bucket-brush.svg" alt="Color Bucket Brush ikonu" width="24" height="24">

Ultimate color icons setindeki benzer ikonlar

Diğer ikon setlerinde Color Bucket Brush ikonu

Color Bucket Brush ikonu: sık sorulan sorular

Color Bucket Brush ikonu ticari kullanım için ücretsiz mi?

Evet. Ultimate color icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Color Bucket Brush ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="streamline-ultimate-color:color-bucket-brush" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Color Bucket Brush ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/color-bucket-brush.svg" alt="Color Bucket Brush ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Ultimate color icons →