ICONYZ
Français
Icône Hard Drive Sharp Fill de Keyline Icons

Icône Hard Drive Sharp Fill

keyline-icons:hard-drive-sharp-fill

L'icône Hard Drive Sharp Fill (keyline-icons:hard-drive-sharp-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Keyline Icons
Auteur
Keyline Icons
Licence
MIT
Taille
24 × 24
Mots-clés
harddrive, drivesharp, sharpfill, harddrivesharpfill
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.0809 10.6061L4.0809 3.6061C4.2384 3.2384 4.6 3 5 3L19 3C19.4 3 19.7616 3.2384 19.9191 3.6061L22.9191 10.6061C22.9725 10.7306 23 10.8646 23 11L23 20C23 20.5523 22.5523 21 22 21L2 21C1.4477 21 1 20.5523 1 20L1 11C1 10.8646 1.0275 10.7306 1.0809 10.6061ZM3.5165 10L20.4835 10L18.3406 5L5.6594 5L3.5165 10ZM19 15.5C19 14.6716 18.3284 14 17.5 14C16.6716 14 16 14.6716 16 15.5C16 16.3284 16.6716 17 17.5 17C18.3284 17 19 16.3284 19 15.5Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Hard Drive Sharp Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:hard-drive-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:hard-drive-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:hard-drive-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hard-drive-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hard-drive-sharp-fill"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:hard-drive-sharp-fill"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/hard-drive-sharp-fill.svg" alt="Icône Hard Drive Sharp Fill" width="24" height="24">

Icônes similaires dans Keyline Icons

FAQ : Icône Hard Drive Sharp Fill

L'icône Hard Drive Sharp Fill est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Hard Drive Sharp Fill dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:hard-drive-sharp-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Hard Drive Sharp Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/hard-drive-sharp-fill.svg" alt="Icône Hard Drive Sharp Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →