Encryption icon
fluent-mdl2:encryption
The Encryption icon (fluent-mdl2:encryption) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1920 256v512q0 151-38 285t-105 253t-158 223t-198 195t-224 171t-237 150q-119-70-236-149t-224-171t-198-196t-159-223t-105-253T0 768V256q83 0 161-6t152-22t146-45t144-75q85-55 170-81T960 0q51 0 97 6t89 20t86 34t85 48q72 46 144 75t146 45t152 22t161 6m-128 512V382q-149-8-285-48t-263-121q-68-44-135-64t-149-21q-81 0-148 20t-136 65q-126 81-262 121t-286 48v386q0 127 33 244t92 222t138 200t172 178t193 155t204 130q102-59 203-130t194-154t172-178t138-200t91-223t34-244M960 320q66 0 124 25t101 69t69 102t26 124v128h128v640H512V768h128V640q0-66 25-124t68-101t102-69t125-26m320 960V896H640v384zM768 768h384V640q0-40-15-75t-41-61t-61-41t-75-15t-75 15t-61 41t-41 61t-15 75z"/></svg>How to use the Encryption icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:encryption" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:encryption" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:encryption" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--encryption]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:encryption"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:encryption"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/encryption.svg" alt="Encryption icon" width="24" height="24">Encryption icon in other icon sets
Encryption icon FAQ
Is the Encryption 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 Encryption icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:encryption" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Encryption icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/encryption.svg" alt="Encryption icon">, or paste the SVG code inline to style it with CSS.