ICONYZ
English
Feedback icon from Fluent UI MDL2

Feedback icon

fluent-mdl2:feedback

The Feedback icon (fluent-mdl2:feedback) 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
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="M958 1328q101 40 184 106t142 153t91 187t33 210v64h-128v-64q0-119-45-224t-124-183t-183-123t-224-46q-119 0-224 45t-183 124t-123 183t-46 224v64H0v-64q0-109 32-210t92-187t142-152t184-107q-45-31-81-72t-61-88t-38-100t-14-108q0-93 35-174t96-142t142-96t175-36q93 0 174 35t142 96t96 142t36 175q0 55-13 107t-39 100t-61 89t-81 72m-254-48q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26t-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25M2048 0v1024h-256l-384 384v-384h-128V896h256v203l203-203h181V128H640v230q-32 4-64 10t-64 18V0z"/></svg>

How to use the Feedback icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:feedback"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/feedback.svg" alt="Feedback icon" width="24" height="24">

Related icons in Fluent UI MDL2

Feedback icon in other icon sets

Feedback icon FAQ

Is the Feedback 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 Feedback icon in React?

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

How do I add the Feedback icon to a web page?

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

Browse all Fluent UI MDL2 icons →