Harddisk icon
fxemoji:harddisk
The Harddisk icon (fxemoji:harddisk) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C5CFD1" d="M486.885 373.33H26.777c-10.573 0-19.223-8.65-19.223-19.223V181.309c0-10.573 8.65-19.223 19.223-19.223h460.108c10.573 0 19.223 8.65 19.223 19.223v172.798c0 10.572-8.65 19.223-19.223 19.223"/><circle cx="408.034" cy="216.295" r="12.6" fill="#00B1FF"/><path fill="#FF473E" d="M471.055 229.439h-20.422c-6.398 0-11.585-5.187-11.585-11.585v-3.119c0-6.398 5.187-11.585 11.585-11.585h20.422c6.398 0 11.585 5.187 11.585 11.585v3.119c0 6.399-5.187 11.585-11.585 11.585"/><path fill="#FFF" d="M468.411 274.232h-59.447c-7.858 0-14.229-6.371-14.229-14.229s6.371-14.229 14.229-14.229h59.447c7.858 0 14.229 6.371 14.229 14.229c0 7.859-6.371 14.229-14.229 14.229"/><path fill="#1C4C5A" d="M327.485 250.379H77.818c-5.523 0-10-4.477-10-10s4.477-10 10-10h249.667c5.522 0 10 4.477 10 10s-4.477 10-10 10m10 41.822c0-5.522-4.478-10-10-10H77.818c-5.523 0-10 4.478-10 10s4.477 10 10 10h249.667c5.523 0 10-4.477 10-10"/><path fill="#1C4C5A" d="M370 211.088c0-8.885-7.203-16.088-16.088-16.088H51.088C42.203 195 35 202.203 35 211.088v113.823C35 333.797 42.203 341 51.088 341h302.824c8.885 0 16.088-7.203 16.088-16.088zm-11 113.824a5.09 5.09 0 0 1-5.088 5.088H51.088A5.09 5.09 0 0 1 46 324.912V211.088A5.09 5.09 0 0 1 51.088 206h302.824a5.09 5.09 0 0 1 5.088 5.088z"/></svg>How to use the Harddisk icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:harddisk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:harddisk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:harddisk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--harddisk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:harddisk"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:harddisk"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/harddisk.svg" alt="Harddisk icon" width="24" height="24">Harddisk icon in other icon sets
Harddisk icon FAQ
Is the Harddisk icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Harddisk icon in React?
Install @iconify/react and render <Icon icon="fxemoji:harddisk" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Harddisk icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/harddisk.svg" alt="Harddisk icon">, or paste the SVG code inline to style it with CSS.