Lifesaver Lock icon
fluent-mdl2:lifesaver-lock
The Lifesaver Lock icon (fluent-mdl2:lifesaver-lock) 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
- lifesaverlock
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1664 1024q53 0 99 20t82 55t55 81t20 100v128h128v640h-768v-640h128v-128q0-53 20-99t55-82t81-55t100-20m-128 384h256v-128q0-27-10-50t-27-40t-41-28t-50-10q-27 0-50 10t-40 27t-28 41t-10 50zm384 128h-512v384h512zM512 1024q0 106 40 199t110 162t163 110t199 41q32 0 64-4t64-12v131q-32 6-64 9t-64 4q-52 0-102-8t-100-25l-81 243q69 23 140 34t143 12q65 0 128-9v129q-32 4-64 6t-64 2q-141 0-272-36t-244-104t-207-160t-161-207t-103-245t-37-272q0-141 36-272t104-244t160-207t207-161T752 37t272-37q141 0 272 36t244 104t207 160t161 207t103 245t37 272q0 80-12 159q-15-55-44-103t-73-86q-3-130-45-253q-61 20-121 40t-122 41q6 18 11 36t9 38h-131q-22-85-69-155t-113-122t-146-79t-168-28q-106 0-199 40T663 662T553 825t-41 199m512-896q-72 0-143 11t-140 35q20 61 40 121t41 122q49-17 99-25t103-8q52 0 102 8t100 25l81-243q-69-23-140-34t-143-12M417 1226q-17-49-25-99t-8-103q0-52 8-102t25-100l-243-81q-23 69-34 140t-12 143q0 72 11 143t35 140q61-20 121-40t122-41"/></svg>How to use the Lifesaver Lock icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:lifesaver-lock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:lifesaver-lock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:lifesaver-lock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--lifesaver-lock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:lifesaver-lock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:lifesaver-lock"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/lifesaver-lock.svg" alt="Lifesaver Lock icon" width="24" height="24">Related icons in Fluent UI MDL2
Lifesaver Lock icon FAQ
Is the Lifesaver Lock 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 Lifesaver Lock icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:lifesaver-lock" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lifesaver Lock icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/lifesaver-lock.svg" alt="Lifesaver Lock icon">, or paste the SVG code inline to style it with CSS.