ICONYZ
Bahasa Indonesia
Ikon Flow Chart dari Flat Color Icons

Ikon Flow Chart

flat-color-icons:flow-chart

Ikon Flow Chart (flat-color-icons:flow-chart) adalah ikon SVG gratis dari set Flat Color Icons karya Icons8. Ikon ini digambar pada grid 48 × 48. Flat Color Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Flat Color Icons
Pembuat
Icons8
Lisensi
MIT
Ukuran
48 × 48
Tag
flowchart
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#CFD8DC" d="M35 36h4V22H26v-9h-4v9H9v14h4V26h9v10h4V26h9z"/><path fill="#3F51B5" d="M17 6h14v10H17z"/><path fill="#00BCD4" d="M32 32h10v10H32zM6 32h10v10H6zm13 0h10v10H19z"/></svg>

Cara memakai ikon Flow Chart

React

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

<Icon icon="flat-color-icons:flow-chart" width="24" />

Vue

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

<template>
  <Icon icon="flat-color-icons:flow-chart" width="24" />
</template>

Svelte

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

<Icon icon="flat-color-icons:flow-chart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--flow-chart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:flow-chart"></div>

Web component

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

<iconify-icon icon="flat-color-icons:flow-chart"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/flat-color-icons/flow-chart.svg" alt="Ikon Flow Chart" width="24" height="24">

Ikon Flow Chart di set ikon lain

FAQ Ikon Flow Chart

Apakah ikon Flow Chart gratis untuk penggunaan komersial?

Ya. Flat Color Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Flow Chart di React?

Pasang @iconify/react lalu render <Icon icon="flat-color-icons:flow-chart" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Flow Chart ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-color-icons/flow-chart.svg" alt="Ikon Flow Chart">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Flat Color Icons →