Comment Active icon
fluent-mdl2:comment-active
The Comment Active icon (fluent-mdl2:comment-active) 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
- commentactive
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1728 640q-66 0-124-25t-102-68t-69-102t-25-125t25-124t68-102t102-69t125-25t124 25t102 68t69 102t25 125t-25 124t-68 102t-102 69t-125 25m-576 256V640h218q18 20 38 38v218q0 27-10 50t-27 40t-41 28t-50 10V896zm-384 128V896H640V640h256v256q0 27-10 50t-27 40t-41 28t-50 10m1152 384V760q35-15 67-36t61-46v858H731l-475 475v-475H0V128h1288q-27 61-36 128H128v1152h256v293l293-293z"/></svg>
How to use the Comment Active icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:comment-active" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:comment-active" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:comment-active" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--comment-active]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:comment-active"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:comment-active"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/comment-active.svg" alt="Comment Active icon" width="24" height="24">
Related icons in Fluent UI MDL2
Comment Active icon FAQ
Is the Comment Active 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 Comment Active icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:comment-active" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Comment Active icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/comment-active.svg" alt="Comment Active icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
