Иконка Panel Left Close Outline

solar:panel-left-close-outline

Иконка Panel Left Close Outline (solar:panel-left-close-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
Категория: ИТ
Теги: panelleft, leftclose, closeoutline, panelleftcloseoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.2129 8.51172C16.4824 8.19747 16.9561 8.16141 17.2705 8.43066C17.5849 8.70025 17.6211 9.17384 17.3516 9.48828L15.1992 12L17.3516 14.5117C17.621 14.8261 17.5856 15.2997 17.2715 15.5693C16.9571 15.8388 16.4835 15.8024 16.2139 15.4883L13.6416 12.4883C13.4011 12.2075 13.4011 11.7925 13.6416 11.5117L16.2129 8.51172Z"/><path fill-rule="evenodd" d="M14 2.25C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C17.3384 21.7514 15.8644 21.75 14 21.75H10C9.66317 21.75 9.33909 21.7489 9.02734 21.748C9.01825 21.7484 9.00917 21.75 9 21.75C8.98984 21.75 8.97979 21.7484 8.96973 21.748C7.58199 21.7438 6.44083 21.7217 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.8933 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C6.44083 2.27827 7.58199 2.25523 8.96973 2.25098C8.97977 2.25058 8.98986 2.25 9 2.25C9.00916 2.25 9.01826 2.25065 9.02734 2.25098C9.33908 2.25014 9.66317 2.25 10 2.25H14ZM9.75 20.249C9.83226 20.249 9.91559 20.25 10 20.25H14C15.9068 20.25 17.2614 20.2485 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C17.2614 3.7515 15.9068 3.75 14 3.75H9.75V20.249ZM8.25 3.75684C7.21641 3.7677 6.39188 3.79811 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C6.39188 20.2019 7.21642 20.2313 8.25 20.2422V3.75684Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Panel Left Close Outline

React

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

<Icon icon="solar:panel-left-close-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:panel-left-close-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:panel-left-close-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panel-left-close-outline]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:panel-left-close-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/panel-left-close-outline.svg" alt="Иконка Panel Left Close Outline" width="24" height="24">

Вопросы и ответы: Иконка Panel Left Close Outline

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

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

Как использовать иконку Panel Left Close Outline в React?

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

Как добавить иконку Panel Left Close Outline на веб-страницу?

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

Все Иконки Solar →