Иконка Drive Export Outline Rounded
material-symbols-light:drive-export-outline-rounded
Иконка Drive Export Outline Rounded (material-symbols-light:drive-export-outline-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- driveexport, exportoutline, outlinerounded, driveexportoutlinerounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.5 18.208l-3.265 3.246q-.14.14-.342.133t-.347-.153q-.14-.14-.14-.334t.14-.334l3.24-3.266H17q-.213 0-.357-.143T16.5 17t.143-.357T17 16.5h3.692q.349 0 .578.23t.23.578V21q0 .214-.143.357T21 21.5t-.357-.143T20.5 21zM7.044 19h5.445l-3.797-6.5H5.963l-1.382 2.352q-.389.652-.376 1.391t.376 1.373q.363.651 1.028 1.018q.664.366 1.435.366M12 16.173l2.162-3.673H9.839zM6.537 11.5h8.198l1.342-2.289l-1.658-2.807q-.388-.633-1.028-1.019Q12.752 5 12 5q-.771 0-1.423.376t-1.04 1.028zm6.398 8.5h-5.89q-1.053 0-1.94-.504q-.886-.504-1.409-1.38q-.523-.877-.523-1.885t.523-1.885l4.981-8.442q.523-.877 1.41-1.39T12 4t1.904.514t1.4 1.39l3.925 6.654q-.292-.054-.607-.075q-.314-.021-.606.02l-1.366-2.316l-2.75 4.707q-.57.781-.843 1.731t-.274 2.021q0 .346.039.692q.04.346.113.662m3.715-9.813"/></svg>
Как использовать иконку Drive Export Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:drive-export-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:drive-export-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:drive-export-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--drive-export-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:drive-export-outline-rounded"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:drive-export-outline-rounded"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/drive-export-outline-rounded.svg" alt="Иконка Drive Export Outline Rounded" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Drive Export Outline Rounded в других наборах
Вопросы и ответы: Иконка Drive Export Outline Rounded
Можно ли бесплатно использовать иконку Drive Export Outline Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Drive Export Outline Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:drive-export-outline-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Drive Export Outline Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/drive-export-outline-rounded.svg" alt="Иконка Drive Export Outline Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
