Icône Western Digital
thesvg-color:western-digital
L'icône Western Digital (thesvg-color:western-digital) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 83 × 48. Les theSVG Color 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 83 × 48
- Mots-clés
- westerndigital
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="83" height="48" viewBox="0 0 83 48"><g fill="none"><path fill="#00e5d1" d="M29.459 13h-1.016a.08.08 0 0 0-.082.082v21.835c0 .046.037.083.082.083h1.015a.08.08 0 0 0 .082-.083V13.082a.08.08 0 0 0-.08-.082"/><path fill="#26f" d="m7.292 17.088l-6.094-3.6s-.025-.009-.041-.009H.079a.08.08 0 0 0-.079.076v20.893c0 .041.035.076.079.076h1.075a.1.1 0 0 0 .05-.015l6.098-4.884a.07.07 0 0 0 .028-.058V17.155a.08.08 0 0 0-.038-.064z"/><path fill="#3c8cff" d="M10.101 13.377s-.032-.016-.047-.016H8.979a.08.08 0 0 0-.08.076v21.135c0 .04.036.076.08.076h1.069q.032-.001.056-.026l4.543-4.953s.022-.032.022-.051V17.09a.08.08 0 0 0-.028-.06z"/><path fill="#48c3f0" d="M17.81 13.263s-.035-.022-.057-.022h-1.07a.08.08 0 0 0-.078.076v21.369c0 .041.035.076.079.076h1.062a.08.08 0 0 0 .063-.032l2.97-5.004s.016-.029.016-.045V17.005a.1.1 0 0 0-.022-.054z"/><path fill="#40e1e1" d="M24.298 13.159a.1.1 0 0 0-.067-.038h-1.056a.084.084 0 0 0-.082.082v21.594c0 .045.038.083.082.083h1.05c.032 0 .06-.02.073-.045l1.475-5.049s.006-.022.006-.031V16.92s-.003-.029-.012-.041z"/><path fill="#000" d="m39.522 34.47l-4.631-20.905c-.01-.051.025-.095.075-.095h3.607c.038 0 .07.025.076.063l3.354 15.524a.08.08 0 0 0 .076.063h.441c.038 0 .07-.025.076-.06l3.625-15.53a.08.08 0 0 1 .076-.06h4.184c.037 0 .069.025.075.06l3.623 15.527a.08.08 0 0 0 .075.06h.442c.038 0 .07-.025.075-.063l3.355-15.524a.08.08 0 0 1 .076-.064h3.578c.05 0 .088.048.075.096l-4.662 20.905a.08.08 0 0 1-.076.06h-4.9a.075.075 0 0 1-.075-.06l-3.471-15.045a.08.08 0 0 0-.076-.06h-.444a.075.075 0 0 0-.076.06l-3.47 15.045a.08.08 0 0 1-.077.06h-4.93a.075.075 0 0 1-.076-.06zM83 26.012V21.97a8.5 8.5 0 0 0-.665-3.311a8.5 8.5 0 0 0-1.813-2.705a8.4 8.4 0 0 0-5.98-2.493h-10.71a.08.08 0 0 0-.079.08v20.905c0 .044.035.08.08.08h10.709a8.4 8.4 0 0 0 5.98-2.493a8.5 8.5 0 0 0 1.813-2.705A8.5 8.5 0 0 0 83 26.015zm-3.767-.073c0 1.31-.422 2.544-1.334 3.48c-.945.97-2.257 1.49-3.606 1.49H67.6a.08.08 0 0 1-.08-.08V17.152c0-.044.035-.079.08-.079h6.693c1.35 0 2.66.52 3.606 1.49c.912.936 1.334 2.167 1.334 3.48v3.9z"/></g></svg>Comment utiliser l'icône Western Digital
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:western-digital" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:western-digital" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:western-digital" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--western-digital]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:western-digital"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:western-digital"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/western-digital.svg" alt="Icône Western Digital" width="24" height="24">Icônes similaires dans theSVG Color
L'icône Western Digital dans d'autres collections
FAQ : Icône Western Digital
L'icône Western Digital est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Western Digital dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:western-digital" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Western Digital à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/western-digital.svg" alt="Icône Western Digital">, ou collez le code SVG directement dans la page pour le styliser en CSS.