Иконка Square Bottom Up Outline

solar:square-bottom-up-outline

Иконка Square Bottom Up Outline (solar:square-bottom-up-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
Категория: Стрелки действий
Теги: squarebottom, bottomup, upoutline, squarebottomupoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.9425 1.25C9.63414 1.24999 7.8251 1.24998 6.41362 1.43975C4.96888 1.63399 3.82886 2.03933 2.93405 2.93414C2.10563 3.76255 1.69614 4.80193 1.48592 6.10063C1.27926 7.37741 1.25412 8.9835 1.25049 10.9986C1.24975 11.4129 1.58493 11.7493 1.99914 11.75C2.41335 11.7507 2.74974 11.4156 2.75049 11.0014C2.75416 8.96143 2.78245 7.47827 2.96665 6.34031C3.1473 5.22427 3.46609 4.52341 3.99471 3.9948C4.56436 3.42514 5.33509 3.09825 6.61349 2.92637C7.91347 2.75159 9.62169 2.75 11.9999 2.75C14.3781 2.75 16.0864 2.75159 17.3863 2.92637C18.6647 3.09825 19.4355 3.42514 20.0051 3.9948C20.5748 4.56445 20.9017 5.33517 21.0735 6.61358C21.2483 7.91356 21.2499 9.62178 21.2499 12C21.2499 14.3782 21.2483 16.0864 21.0735 17.3864C20.9017 18.6648 20.5748 19.4355 20.0051 20.0052C19.4765 20.5338 18.7756 20.8526 17.6596 21.0333C16.5216 21.2175 15.0385 21.2457 12.9986 21.2494C12.5843 21.2502 12.2492 21.5866 12.2499 22.0008C12.2507 22.415 12.587 22.7502 13.0013 22.7494C15.0164 22.7458 16.6225 22.7207 17.8993 22.514C19.198 22.3038 20.2374 21.8943 21.0658 21.0659C21.9606 20.1711 22.3659 19.031 22.5602 17.5863C22.7499 16.1748 22.7499 14.3658 22.7499 12.0574V11.9426C22.7499 9.63423 22.7499 7.82519 22.5602 6.41371C22.3659 4.96897 21.9606 3.82895 21.0658 2.93414C20.171 2.03933 19.0309 1.63399 17.5862 1.43975C16.1747 1.24998 14.3657 1.24999 12.0573 1.25H11.9425Z"/><path d="M5 12.25C4.58579 12.25 4.25 12.5858 4.25 13C4.25 13.4142 4.58579 13.75 5 13.75H9.18934L2.46967 20.4697C2.17678 20.7626 2.17678 21.2374 2.46967 21.5303C2.76256 21.8232 3.23744 21.8232 3.53033 21.5303L10.25 14.8107V19C10.25 19.4142 10.5858 19.75 11 19.75C11.4142 19.75 11.75 19.4142 11.75 19V13C11.75 12.5858 11.4142 12.25 11 12.25H5Z"/></g></svg>

Как использовать иконку Square Bottom Up Outline

React

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

<Icon icon="solar:square-bottom-up-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:square-bottom-up-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:square-bottom-up-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-bottom-up-outline]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:square-bottom-up-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/square-bottom-up-outline.svg" alt="Иконка Square Bottom Up Outline" width="24" height="24">

Вопросы и ответы: Иконка Square Bottom Up Outline

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

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

Как использовать иконку Square Bottom Up Outline в React?

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

Как добавить иконку Square Bottom Up Outline на веб-страницу?

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

Все Иконки Solar →