ICONYZ
Русский
Иконка Database из набора Fluent UI MDL2

Иконка Database

fluent-mdl2:database

Иконка Database (fluent-mdl2:database) — бесплатная SVG-иконка из набора Fluent UI MDL2 от Microsoft Corporation. Она нарисована на сетке 2048 × 2048. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent UI MDL2
Автор
Microsoft Corporation
Лицензия
MIT
Размер
2048 × 2048
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M960 128q72 0 159 8t175 27t167 54t133 85q31 29 50 66t20 80v1152q0 45-19 80t-51 66q-52 51-131 84t-168 54t-177 28t-158 8q-72 0-159-8t-175-27t-167-54t-133-85q-31-29-50-66t-20-80V448q0-45 19-80t51-66q52-51 131-84t168-54t177-28t158-8m0 128q-51 0-106 3t-112 12t-109 22t-102 33q-15 6-40 18t-49 29t-41 35t-17 40q0 8 3 15t8 14q21 32 60 56t89 42t106 30t111 20t107 11t92 4q40 0 91-3t107-11t112-20t105-31t89-42t61-56q5-7 8-14t3-15q0-20-17-39t-41-36t-49-28t-40-19q-48-19-101-32t-110-22t-111-12t-107-4m0 1536q51 0 106-3t112-12t109-22t102-33q15-6 40-18t49-29t41-35t17-40V638q-57 37-129 62t-149 40t-155 21t-143 7q-66 0-143-6t-155-22t-149-40t-129-62v962q0 20 17 39t41 36t49 28t40 19q48 20 101 33t110 21t111 12t107 4"/></svg>

Как использовать иконку Database

React

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

<Icon icon="fluent-mdl2:database" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:database" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:database" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--database]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:database"></div>

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

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

<iconify-icon icon="fluent-mdl2:database"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/database.svg" alt="Иконка Database" width="24" height="24">

Похожие иконки в наборе Fluent UI MDL2

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

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

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

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

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

Установите @iconify/react и выведите <Icon icon="fluent-mdl2:database" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Database на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/database.svg" alt="Иконка Database">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent UI MDL2 →