Иконка Western Digital

thesvg-color:western-digital

Иконка Western Digital (thesvg-color:western-digital) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 83 × 48. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 83 × 48
Теги: westerndigital

Скачать SVG

Код 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>

Веб-компонент

<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">

Иконка Western Digital в других наборах

Вопросы и ответы: Иконка Western Digital

Можно ли бесплатно использовать иконку Western Digital в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Western Digital в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →