Иконка Database 24

octicon:database-24

Иконка Database 24 (octicon:database-24) — бесплатная SVG-иконка из набора Octicons от GitHub. Она нарисована на сетке 24 × 24. Octicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Octicons
Автор: GitHub
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.25c2.487 0 4.773.402 6.466 1.079c.844.337 1.577.758 2.112 1.264c.536.507.922 1.151.922 1.907v12.987l-.026.013h.026c0 .756-.386 1.4-.922 1.907c-.535.506-1.268.927-2.112 1.264c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886 19.9 2.5 19.256 2.5 18.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506 1.268-.927 2.112-1.264C7.226 1.652 9.513 1.25 12 1.25M4 14.371v4.116l-.013.013H4c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817h.013L20 18.487v-4.116a8 8 0 0 1-1.534.8c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079a8 8 0 0 1-1.534-.8M20 12V7.871a8 8 0 0 1-1.534.8C16.773 9.348 14.487 9.75 12 9.75s-4.774-.402-6.466-1.079A8 8 0 0 1 4 7.871V12c0 .21.104.487.453.817c.35.332.899.666 1.638.961c1.475.59 3.564.972 5.909.972s4.434-.382 5.909-.972c.74-.295 1.287-.629 1.638-.96c.35-.33.453-.607.453-.818M4 5.5c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104 5.013 4 5.29 4 5.5"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="octicon:database-24"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Octicons →