Иконка Archive Minimalistic Outline

solar:archive-minimalistic-outline

Иконка Archive Minimalistic Outline (solar:archive-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
Категория: Заметки
Теги: archiveminimalistic, minimalisticoutline, archiveminimalisticoutline

Скачать 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="M11.9426 1.25H12.0574C14.3658 1.24999 16.1748 1.24998 17.5863 1.43975C19.031 1.63399 20.1711 2.03933 21.0659 2.93414C21.9607 3.82895 22.366 4.96897 22.5603 6.41371C22.75 7.82519 22.75 9.63423 22.75 11.9426V12H22.7391C22.75 12.5789 22.75 13.2299 22.75 13.9664V14.0336C22.75 15.4053 22.75 16.4807 22.6794 17.3451C22.6075 18.2252 22.4586 18.9523 22.1233 19.6104C21.572 20.6924 20.6924 21.572 19.6104 22.1233C18.9523 22.4586 18.2252 22.6075 17.3451 22.6794C16.4807 22.75 15.4053 22.75 14.0336 22.75H9.96642C8.59471 22.75 7.51928 22.75 6.65494 22.6794C5.7748 22.6075 5.04769 22.4586 4.38955 22.1233C3.30762 21.572 2.42798 20.6924 1.87671 19.6104C1.54138 18.9523 1.39252 18.2252 1.32061 17.3451C1.24999 16.4807 1.25 15.4053 1.25 14.0336V13.9664C1.25 13.2299 1.25 12.5789 1.26092 12H1.25L1.25 11.9426C1.24999 9.63423 1.24998 7.82519 1.43975 6.41371C1.63399 4.96897 2.03933 3.82895 2.93414 2.93414C3.82895 2.03933 4.96897 1.63399 6.41371 1.43975C7.82519 1.24998 9.63423 1.24999 11.9426 1.25ZM2.88197 6.98698C3.31781 6.53974 3.82626 6.16372 4.38955 5.87671C5.04769 5.54138 5.7748 5.39252 6.65494 5.32061C7.51929 5.24999 8.59472 5.25 9.96645 5.25H14.0336C15.4053 5.25 16.4807 5.24999 17.3451 5.32061C18.2252 5.39252 18.9523 5.54138 19.6104 5.87671C20.1737 6.16372 20.6822 6.53975 21.118 6.98698C21.1046 6.85884 21.0899 6.73445 21.0736 6.61358C20.9018 5.33517 20.5749 4.56445 20.0052 3.9948C19.4355 3.42514 18.6648 3.09825 17.3864 2.92637C16.0864 2.75159 14.3782 2.75 12 2.75C9.62177 2.75 7.91356 2.75159 6.61358 2.92637C5.33517 3.09825 4.56445 3.42514 3.9948 3.9948C3.42514 4.56445 3.09825 5.33517 2.92637 6.61358C2.91012 6.73444 2.89537 6.85884 2.88197 6.98698ZM6.77708 6.81563C5.9897 6.87996 5.48197 7.00359 5.07054 7.21322C4.27085 7.62069 3.62068 8.27085 3.21322 9.07054C3.00359 9.48197 2.87996 9.9897 2.81563 10.7771C2.75058 11.5732 2.75 12.5875 2.75 14C2.75 15.4125 2.75058 16.4268 2.81563 17.2229C2.87996 18.0103 3.00359 18.518 3.21322 18.9295C3.62068 19.7291 4.27085 20.3793 5.07054 20.7868C5.48197 20.9964 5.9897 21.12 6.77708 21.1844C7.57322 21.2494 8.58749 21.25 10 21.25H14C15.4125 21.25 16.4268 21.2494 17.2229 21.1844C18.0103 21.12 18.518 20.9964 18.9295 20.7868C19.7291 20.3793 20.3793 19.7291 20.7868 18.9295C20.9964 18.518 21.12 18.0103 21.1844 17.2229C21.2494 16.4268 21.25 15.4125 21.25 14C21.25 12.5875 21.2494 11.5732 21.1844 10.7771C21.12 9.9897 20.9964 9.48197 20.7868 9.07054C20.3793 8.27085 19.7291 7.62068 18.9295 7.21322C18.518 7.00359 18.0103 6.87996 17.2229 6.81563C16.4268 6.75058 15.4125 6.75 14 6.75H10C8.58749 6.75 7.57322 6.75058 6.77708 6.81563ZM14.9995 11.4405C15.3085 11.7164 15.3353 12.1905 15.0595 12.4995L11.488 16.4995C11.3457 16.6589 11.1422 16.75 10.9286 16.75C10.7149 16.75 10.5114 16.6589 10.3691 16.4995L8.94055 14.8995C8.66467 14.5905 8.69151 14.1164 9.00049 13.8405C9.30947 13.5647 9.78358 13.5915 10.0595 13.9005L10.9286 14.8739L13.9405 11.5005C14.2164 11.1915 14.6905 11.1647 14.9995 11.4405Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →