Ikon Folder Kanban Outline

solar:folder-kanban-outline

Ikon Folder Kanban Outline (solar:folder-kanban-outline) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Tag: folderkanban, kanbanoutline, folderkanbanoutline

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.0088 9.65235C15.423 9.65235 15.7588 9.98814 15.7588 10.4024V17.624C15.7588 18.0382 15.423 18.374 15.0088 18.374C14.5946 18.374 14.2588 18.0382 14.2588 17.624V10.4024C14.2588 9.98814 14.5946 9.65235 15.0088 9.65235Z"/><path d="M8.99122 9.65235C9.40521 9.65262 9.74122 9.9883 9.74122 10.4024V15.8184C9.74122 16.2326 9.40446 16.5684 8.99024 16.5684C8.57625 16.5681 8.24122 16.2324 8.24122 15.8184V10.4024C8.24122 9.98814 8.57701 9.65235 8.99122 9.65235Z"/><path d="M12 9.65138C12.414 9.65164 12.75 9.98733 12.75 10.4014V13.4102C12.75 13.8244 12.4132 14.1602 11.999 14.1602C11.585 14.1599 11.25 13.8242 11.25 13.4102V10.4014C11.25 9.98716 11.5858 9.65138 12 9.65138Z"/><path fill-rule="evenodd" d="M6.98634 1.25001C7.33762 1.24999 7.56416 1.24987 7.78517 1.27052C8.73645 1.35947 9.63945 1.73303 10.375 2.34278C10.5459 2.48449 10.7057 2.64507 10.9541 2.89356L11.5303 3.46974C12.376 4.31545 12.7016 4.6309 13.0772 4.83985C13.2951 4.96106 13.5259 5.05762 13.7656 5.12599C14.1789 5.24379 14.6324 5.25001 15.8281 5.25001H16.2529C17.5259 5.24999 18.5524 5.25047 19.3643 5.35255C20.2056 5.45835 20.9205 5.68372 21.5078 6.21192C21.6061 6.30034 21.6997 6.3939 21.7881 6.4922C22.3163 7.0795 22.5426 7.79442 22.6484 8.63575C22.7505 9.44764 22.75 10.4741 22.75 11.7471V14.0567C22.75 15.8943 22.7498 17.3501 22.5967 18.4893C22.439 19.6616 22.1067 20.6101 21.3584 21.3584C20.6101 22.1067 19.6616 22.439 18.4893 22.5967C17.3501 22.7498 15.8943 22.75 14.0567 22.75H9.94337C8.10572 22.75 6.64992 22.7498 5.51075 22.5967C4.33846 22.439 3.38992 22.1067 2.64161 21.3584C1.89331 20.6101 1.56097 19.6616 1.40333 18.4893C1.25017 17.3501 1.24999 15.8943 1.25001 14.0567V6.85938C1.2499 6.06348 1.2495 5.55665 1.33204 5.11915C1.69461 3.1978 3.1978 1.69461 5.11915 1.33204C5.55665 1.2495 6.06348 1.2499 6.85938 1.25001H6.98634ZM6.9502 2.75001C6.03356 2.75001 5.67874 2.75358 5.39747 2.80665C4.08282 3.05471 3.05471 4.08282 2.80665 5.39747C2.75358 5.67874 2.75001 6.03356 2.75001 6.9502V14C2.75001 15.9068 2.75151 17.2614 2.88966 18.2891C3.02492 19.2951 3.27896 19.8747 3.70216 20.2979C4.12537 20.7211 4.70486 20.9751 5.71095 21.1104C6.7386 21.2485 8.09325 21.25 10 21.25H14C15.9068 21.25 17.2614 21.2485 18.2891 21.1104C19.2952 20.9751 19.8747 20.7211 20.2979 20.2979C20.7211 19.8747 20.9751 19.2952 21.1104 18.2891C21.2485 17.2614 21.25 15.9068 21.25 14V11.7979C21.25 10.4622 21.2491 9.5306 21.1602 8.82325C21.0736 8.13461 20.9141 7.7633 20.6729 7.49513C20.6199 7.43623 20.5638 7.38015 20.5049 7.32716C20.2367 7.08596 19.8654 6.92741 19.1768 6.84083C18.4694 6.75191 17.5379 6.75001 16.2022 6.75001H15.7178C14.6701 6.75022 13.994 6.75067 13.3545 6.56837C13.0039 6.46842 12.6662 6.32765 12.3477 6.1504C11.7665 5.82706 11.2886 5.34947 10.5479 4.60841L9.91993 3.98048C9.63665 3.6972 9.52747 3.58963 9.417 3.49806C8.91375 3.08092 8.29634 2.82454 7.64552 2.76368C7.50279 2.75035 7.35023 2.75001 6.9502 2.75001Z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Folder Kanban Outline

React

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

<Icon icon="solar:folder-kanban-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-kanban-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-kanban-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-kanban-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-kanban-outline"></div>

Web component

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

<iconify-icon icon="solar:folder-kanban-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/folder-kanban-outline.svg" alt="Ikon Folder Kanban Outline" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Folder Kanban Outline

Apakah ikon Folder Kanban Outline gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Folder Kanban Outline di React?

Pasang @iconify/react lalu render <Icon icon="solar:folder-kanban-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Folder Kanban Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/folder-kanban-outline.svg" alt="Ikon Folder Kanban Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →