Defect Solid icon
fluent-mdl2:defect-solid
The Defect Solid icon (fluent-mdl2:defect-solid) 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
- defectsolid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1192 42q107 37 194 102t149 152t95 191t34 217q0 144-55 267t-156 226q-71 73-113 155t-53 184H633q-11-102-52-184t-113-154q-100-103-156-226t-56-268q0-97 25-187t71-169t110-142T604 96t168-71T960 0q11 0 21 1t22 3L623 384l448 448l-263 263l113 114l376-377l-448-448zM640 1664h640v192q0 40-15 75t-41 61t-61 41t-75 15H832q-40 0-75-15t-61-41t-41-61t-15-75z"/></svg>How to use the Defect Solid icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:defect-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:defect-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:defect-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--defect-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:defect-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:defect-solid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/defect-solid.svg" alt="Defect Solid icon" width="24" height="24">Defect Solid icon FAQ
Is the Defect Solid 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 Defect Solid icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:defect-solid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Defect Solid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/defect-solid.svg" alt="Defect Solid icon">, or paste the SVG code inline to style it with CSS.