Иконка Panel Bottom Open Bold

solar:panel-bottom-open-bold

Иконка Panel Bottom Open Bold (solar:panel-bottom-open-bold) — бесплатная 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
Категория: ИТ
Теги: panelbottom, bottomopen, openbold, panelbottomopenbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3 14.25L3 10C3 6.22876 3.0003 4.34345 4.17187 3.17187C5.34345 2.0003 7.22876 2 11 2L13 2C16.7712 2 18.6566 2.0003 19.8281 3.17187C20.9997 4.34345 21 6.22876 21 10L21 14.25L3 14.25ZM15.5693 10.2773C15.8388 9.96298 15.8024 9.48935 15.4883 9.21973L12.4883 6.64746C12.2075 6.40699 11.7925 6.40699 11.5117 6.64746L8.51172 9.21875C8.19747 9.48826 8.16141 9.96192 8.43066 10.2764C8.70025 10.5907 9.17384 10.6269 9.48828 10.3574L12 8.20508L14.5117 10.3574C14.8261 10.6269 15.2997 10.5914 15.5693 10.2773Z" clip-rule="evenodd"/><path d="M20.9941 15.75C20.9665 18.3859 20.8025 19.8538 19.8281 20.8281C18.6566 21.9997 16.7712 22 13 22L11 22C7.22876 22 5.34345 21.9997 4.17187 20.8281C3.19754 19.8538 3.03348 18.3859 3.00586 15.75L20.9941 15.75Z"/></g></svg>

Как использовать иконку Panel Bottom Open Bold

React

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

<Icon icon="solar:panel-bottom-open-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:panel-bottom-open-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:panel-bottom-open-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panel-bottom-open-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panel-bottom-open-bold"></div>

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

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

<iconify-icon icon="solar:panel-bottom-open-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/panel-bottom-open-bold.svg" alt="Иконка Panel Bottom Open Bold" width="24" height="24">

Вопросы и ответы: Иконка Panel Bottom Open Bold

Можно ли бесплатно использовать иконку Panel Bottom Open Bold в коммерческих проектах?

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

Как использовать иконку Panel Bottom Open Bold в React?

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

Как добавить иконку Panel Bottom Open Bold на веб-страницу?

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

Все Иконки Solar →