Mark As Protected icon
fluent-mdl2:mark-as-protected
The Mark As Protected icon (fluent-mdl2:mark-as-protected) 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
- markas, asprotected, markasprotected
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1193 1611L489 907l283-283l704 704zm102-283L772 805L670 907l523 523zm369 592v-640h128v768H128V0h922L922 128H256v1792zm305-1481l-215 87l245 245l-268 268l-72-73l-89 86l-582-582l89-86l-70-69l268-268l241 242l91-212l74-74l362 362zm-275-242l-98 168l79 82l172-97zm124 574l-543-543l-110 121l543 543z"/></svg>How to use the Mark As Protected icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:mark-as-protected" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:mark-as-protected" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:mark-as-protected" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--mark-as-protected]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:mark-as-protected"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:mark-as-protected"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/mark-as-protected.svg" alt="Mark As Protected icon" width="24" height="24">Related icons in Fluent UI MDL2
Mark As Protected icon FAQ
Is the Mark As Protected 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 Mark As Protected icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:mark-as-protected" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mark As Protected icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/mark-as-protected.svg" alt="Mark As Protected icon">, or paste the SVG code inline to style it with CSS.