Offline Storage Solid icon
fluent-mdl2:offline-storage-solid
The Offline Storage Solid icon (fluent-mdl2:offline-storage-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
- offlinestorage, storagesolid, offlinestoragesolid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 768q-69 0-137-6t-137-19q-34-7-79-18t-93-30t-94-42t-83-54t-58-68t-23-83q0-45 22-82t59-68t82-55t94-42t93-29t80-19q68-13 136-19t138-6q69 0 137 6t137 19q34 7 79 18t93 30t94 42t83 54t58 68t23 83q0 45-22 82t-59 68t-82 55t-94 42t-93 30t-80 18q-68 13-136 19t-138 6m0 128q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-6-80-18t-95-30t-96-42t-85-55t-61-68t-23-84V686q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3m0 384q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-7-80-18t-95-30t-96-42t-85-55t-61-68t-23-84v-146q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3m0 384q45 0 100-3t115-10t120-18t117-29t106-40t86-53q13-11 21-21t20-23q2-2 9-6t10-7v146q0 46-23 83t-60 69t-85 55t-96 42t-95 30t-81 18q-66 12-132 17t-132 6q-66 0-132-5t-132-18q-34-6-80-18t-95-30t-96-42t-85-55t-61-68t-23-84v-146q3 2 10 6t9 7q11 12 19 22t22 22q36 30 85 53t106 40t117 28t120 19t115 10t101 3"/></svg>How to use the Offline Storage Solid icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:offline-storage-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:offline-storage-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:offline-storage-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--offline-storage-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:offline-storage-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:offline-storage-solid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/offline-storage-solid.svg" alt="Offline Storage Solid icon" width="24" height="24">Related icons in Fluent UI MDL2
Offline Storage Solid icon FAQ
Is the Offline Storage 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 Offline Storage Solid icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:offline-storage-solid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Offline Storage Solid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/offline-storage-solid.svg" alt="Offline Storage Solid icon">, or paste the SVG code inline to style it with CSS.