ICONYZ
Русский
Иконка Database Upload Outline Rounded из набора Material Symbols

Иконка Database Upload Outline Rounded

material-symbols:database-upload-outline-rounded

Иконка Database Upload Outline Rounded (material-symbols:database-upload-outline-rounded) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Бизнес
Теги
databaseupload, uploadoutline, outlinerounded, databaseuploadoutlinerounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 16.9v3.6q0 .2.15.35T18 21t.35-.15t.15-.35v-3.6l1.45 1.45q.15.15.35.15t.35-.15t.15-.35t-.15-.35L18.7 15.7q-.3-.3-.7-.3t-.7.3l-1.95 1.95q-.15.15-.15.35t.15.35t.35.15t.35-.15zM11.675 21q-1.825-.025-3.4-.35t-2.75-.862t-1.85-1.25T3 17q0 .825.675 1.537t1.85 1.25t2.75.863t3.4.35m-.375-5q-.95-.05-1.838-.162t-1.687-.3t-1.5-.438T5 14.525q.575.325 1.275.575t1.5.438t1.688.3T11.3 16m.7-6.975q2.225 0 4.475-.663T19 7.025q-.275-.725-2.512-1.375T12 5q-2.275 0-4.462.638T5 7.025q.35.675 2.538 1.338T12 9.025m2.463 12.513Q13 20.075 13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23t-3.537-1.463m-3.388-2.562q.075.55.225 1.05t.375.975q-1.825-.025-3.4-.35t-2.75-.862t-1.85-1.25T3 17V7q0-1.65 2.638-2.825T12 3t6.363 1.175T21 7v4.675q-.475-.225-.975-.375T19 11.075v-1.55q-1.3.725-3.1 1.1T12 11q-2.125 0-3.925-.375T5 9.525v2.525q1.275 1.175 3.262 1.563T12 14h.275q-.325.45-.562.95T11.3 16q-1.9-.1-3.525-.462T5 14.525V17q.175.325.75.663t1.4.6t1.838.45t2.087.262"/></svg>

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

React

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

<Icon icon="material-symbols:database-upload-outline-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:database-upload-outline-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:database-upload-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--database-upload-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:database-upload-outline-rounded"></div>

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

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

<iconify-icon icon="material-symbols:database-upload-outline-rounded"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols/database-upload-outline-rounded.svg" alt="Иконка Database Upload Outline Rounded" width="24" height="24">

Похожие иконки в наборе Material Symbols

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

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

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

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

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

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

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

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

Все Иконки Material Symbols →