ICONYZ
English
Funnel Chart icon from Fluent UI MDL2

Funnel Chart icon

fluent-mdl2:funnel-chart

The Funnel Chart icon (fluent-mdl2:funnel-chart) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent UI MDL2
Author
Microsoft Corporation
License
MIT
Size
2048 × 2048
Tags
funnelchart
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M0 0h2048L1024 2048zm1841 128H207l128 256h1378zM783 1280l241 482l241-482zm546-128l128-256H591l128 256zm192-384l128-256H399l128 256z"/></svg>

How to use the Funnel Chart icon

React

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

<Icon icon="fluent-mdl2:funnel-chart" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:funnel-chart" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:funnel-chart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--funnel-chart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:funnel-chart"></div>

Web component

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

<iconify-icon icon="fluent-mdl2:funnel-chart"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/funnel-chart.svg" alt="Funnel Chart icon" width="24" height="24">

Funnel Chart icon FAQ

Is the Funnel Chart icon free for commercial use?

Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Funnel Chart icon in React?

Install @iconify/react and render <Icon icon="fluent-mdl2:funnel-chart" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Funnel Chart icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/funnel-chart.svg" alt="Funnel Chart icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent UI MDL2 icons →