Western Digital アイコン
thesvg-color:western-digital
Western Digital アイコン(thesvg-color:western-digital)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 83 × 48 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 83 × 48
- タグ
- westerndigital
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/western-digital.svg" alt="Western Digital アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Western Digital アイコン
Western Digital アイコン のよくある質問
Western Digital アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Western Digital アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:western-digital" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Western Digital アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/western-digital.svg" alt="Western Digital アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。