Hard Drive Reload icon
andrsrxn:hard-drive-reload
The Hard Drive Reload icon (andrsrxn:hard-drive-reload) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Development, Devices
- Tags
- harddrive, drivereload, harddrivereload
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M18.34 20.25c.94 0 1.42 0 1.8-.11a3 3 0 0 0 2.1-2.1c.11-.4.11-.86.11-1.81s0-1.42-.1-1.81a3 3 0 0 0-2.1-2.1c-.4-.11-.87-.11-1.81-.11H5.66c-.94 0-1.42 0-1.8.1a3 3 0 0 0-2.1 2.11c-.11.39-.11.86-.11 1.8c0 .96 0 1.43.1 1.82a3 3 0 0 0 2.1 2.1c.4.1.87.1 1.81.1z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.64 12.21c-.93 0-1.39 0-1.77.1a3 3 0 0 0-2.12 2.13c-.1.38-.1.84-.1 1.78s0 1.43.1 1.82a3 3 0 0 0 2.1 2.1c.4.1.87.1 1.81.1h12.68c.94 0 1.42 0 1.8-.1a3 3 0 0 0 2.1-2.1c.11-.4.11-.87.11-1.82c0-.94 0-1.4-.1-1.78a3 3 0 0 0-2.12-2.13c-.38-.1-.84-.1-1.77-.1"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.79 15.67a.57.57 0 1 1 0 1.14a.57.57 0 0 1 0-1.14m4.73 0a.57.57 0 1 1 0 1.14a.57.57 0 0 1 0-1.14"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.84 6.27c-1.36-1.78-2.7-2.12-3.78-2.12a3.96 3.96 0 1 0 2.78 6.78"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.36 3.75v.04c0 1.42 0 2.12-.44 2.56c-.43.44-1.14.44-2.56.44h-.04"/></g></svg>
How to use the Hard Drive Reload icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:hard-drive-reload" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:hard-drive-reload" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:hard-drive-reload" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--hard-drive-reload]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:hard-drive-reload"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:hard-drive-reload"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/hard-drive-reload.svg" alt="Hard Drive Reload icon" width="24" height="24">
Related icons in andrsrxn/icons
Hard Drive Reload icon FAQ
Is the Hard Drive Reload icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Hard Drive Reload icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:hard-drive-reload" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hard Drive Reload icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/hard-drive-reload.svg" alt="Hard Drive Reload icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
