Kanban Square Bold Duotone ikonu
solar:kanban-square-bold-duotone
Kanban Square Bold Duotone ikonu (solar:kanban-square-bold-duotone), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar 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
- Solar
- Yazar
- 480 Design
- Lisans
- CC-BY-4.0
- Boyut
- 24 × 24
- Etiketler
- kanbansquare, squarebold, boldduotone, kanbansquareboldduotone
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28596 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46446C4.92893 2 7.28596 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28596 22 12Z" opacity=".5"/><path d="M17 5.25C17.4142 5.25 17.75 5.58579 17.75 6V18C17.75 18.4142 17.4142 18.75 17 18.75C16.5858 18.75 16.25 18.4142 16.25 18V6C16.25 5.58579 16.5858 5.25 17 5.25Z"/><path d="M7 5.25C7.41421 5.25 7.75 5.58579 7.75 6V15C7.75 15.4142 7.41421 15.75 7 15.75C6.58579 15.75 6.25 15.4142 6.25 15V6C6.25 5.58579 6.58579 5.25 7 5.25Z"/><path d="M12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V11C12.75 11.4142 12.4142 11.75 12 11.75C11.5858 11.75 11.25 11.4142 11.25 11V6C11.25 5.58579 11.5858 5.25 12 5.25Z"/></g></svg>
Kanban Square Bold Duotone ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="solar:kanban-square-bold-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:kanban-square-bold-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:kanban-square-bold-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--kanban-square-bold-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:kanban-square-bold-duotone"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:kanban-square-bold-duotone"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/solar/kanban-square-bold-duotone.svg" alt="Kanban Square Bold Duotone ikonu" width="24" height="24">
Solar setindeki benzer ikonlar
Kanban Square Bold Duotone ikonu: sık sorulan sorular
Kanban Square Bold Duotone ikonu ticari kullanım için ücretsiz mi?
Evet. Solar 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.
Kanban Square Bold Duotone ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="solar:kanban-square-bold-duotone" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Kanban Square Bold Duotone 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/solar/kanban-square-bold-duotone.svg" alt="Kanban Square Bold Duotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Solar ikonları →
ICONYZ
