Иконка Documents Minimalistic Outline

solar:documents-minimalistic-outline

Иконка Documents Minimalistic Outline (solar:documents-minimalistic-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Заметки
Теги: documentsminimalistic, minimalisticoutline, documentsminimalisticoutline, document

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.9451 1.25H13.0549C14.4225 1.24998 15.5248 1.24996 16.3918 1.36652C17.2919 1.48754 18.0497 1.74643 18.6516 2.34835C19.2536 2.95027 19.5125 3.70814 19.6335 4.60825C19.75 5.47522 19.75 6.57754 19.75 7.94513V16.0549C19.75 17.4225 19.75 18.5248 19.6335 19.3918C19.5125 20.2919 19.2536 21.0497 18.6516 21.6517C18.0497 22.2536 17.2919 22.5125 16.3918 22.6335C15.5248 22.75 14.4225 22.75 13.0549 22.75H10.9451C9.57754 22.75 8.47522 22.75 7.60825 22.6335C6.70814 22.5125 5.95027 22.2536 5.34835 21.6517C4.74643 21.0497 4.48754 20.2919 4.36652 19.3918C4.24996 18.5248 4.24998 17.4225 4.25 16.0549V7.94512C4.24998 6.57754 4.24996 5.47522 4.36652 4.60825C4.48754 3.70814 4.74643 2.95027 5.34835 2.34835C5.95027 1.74643 6.70814 1.48754 7.60825 1.36652C8.47522 1.24996 9.57754 1.24998 10.9451 1.25ZM7.80812 2.85315C7.07435 2.9518 6.68577 3.13225 6.40901 3.40901C6.13225 3.68577 5.9518 4.07435 5.85315 4.80812C5.75159 5.56347 5.75 6.56458 5.75 8V16C5.75 17.4354 5.75159 18.4365 5.85315 19.1919C5.9518 19.9257 6.13225 20.3142 6.40901 20.591C6.68577 20.8678 7.07434 21.0482 7.80812 21.1469C8.56347 21.2484 9.56458 21.25 11 21.25H13C14.4354 21.25 15.4365 21.2484 16.1919 21.1469C16.9257 21.0482 17.3142 20.8678 17.591 20.591C17.8678 20.3142 18.0482 19.9257 18.1469 19.1919C18.2484 18.4365 18.25 17.4354 18.25 16V8C18.25 6.56459 18.2484 5.56347 18.1469 4.80812C18.0482 4.07435 17.8678 3.68577 17.591 3.40901C17.3142 3.13225 16.9257 2.9518 16.1919 2.85315C15.4365 2.75159 14.4354 2.75 13 2.75H11C9.56458 2.75 8.56347 2.75159 7.80812 2.85315ZM2 4.25C2.41421 4.25 2.75 4.58579 2.75 5V19C2.75 19.4142 2.41421 19.75 2 19.75C1.58579 19.75 1.25 19.4142 1.25 19V5C1.25 4.58579 1.58579 4.25 2 4.25ZM22 4.25C22.4142 4.25 22.75 4.58579 22.75 5V19C22.75 19.4142 22.4142 19.75 22 19.75C21.5858 19.75 21.25 19.4142 21.25 19V5C21.25 4.58579 21.5858 4.25 22 4.25ZM8.25 9C8.25 8.58579 8.58579 8.25 9 8.25H15C15.4142 8.25 15.75 8.58579 15.75 9C15.75 9.41422 15.4142 9.75 15 9.75H9C8.58579 9.75 8.25 9.41422 8.25 9ZM8.25 13C8.25 12.5858 8.58579 12.25 9 12.25H15C15.4142 12.25 15.75 12.5858 15.75 13C15.75 13.4142 15.4142 13.75 15 13.75H9C8.58579 13.75 8.25 13.4142 8.25 13ZM8.25 17C8.25 16.5858 8.58579 16.25 9 16.25H12C12.4142 16.25 12.75 16.5858 12.75 17C12.75 17.4142 12.4142 17.75 12 17.75H9C8.58579 17.75 8.25 17.4142 8.25 17Z" clip-rule="evenodd"/></svg>

Как использовать иконку Documents Minimalistic Outline

React

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

<Icon icon="solar:documents-minimalistic-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:documents-minimalistic-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:documents-minimalistic-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--documents-minimalistic-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:documents-minimalistic-outline"></div>

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

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

<iconify-icon icon="solar:documents-minimalistic-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/documents-minimalistic-outline.svg" alt="Иконка Documents Minimalistic Outline" width="24" height="24">

Вопросы и ответы: Иконка Documents Minimalistic Outline

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

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

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

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

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

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

Все Иконки Solar →