Иконка Arrow Minimise Outline

typcn:arrow-minimise-outline

Иконка Arrow Minimise Outline (typcn:arrow-minimise-outline) — бесплатная SVG-иконка из набора Typicons от Stephen Hutchings. Она нарисована на сетке 24 × 24. Typicons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Typicons
Автор: Stephen Hutchings
Лицензия: CC-BY-SA-4.0
Размер: 24 × 24
Теги: arrowminimise, minimiseoutline, arrowminimiseoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6c0-.801-.312-1.555-.879-2.121C20.555 3.312 19.801 3 19 3s-1.555.312-2.121.879l-.883.883A3 3 0 0 0 14 4a2.98 2.98 0 0 0-2.283 1.077A3 3 0 0 0 11.061 5H5v6.06c0 .255.042.499.102.736a2.985 2.985 0 0 0-.275 4.135l-.947.948C3.312 17.445 3 18.199 3 19s.312 1.555.879 2.121C4.445 21.688 5.199 22 6 22c.539 0 1.334-.152 2.061-.879l.903-.919A3 3 0 0 0 11 21c.934 0 1.758-.437 2.309-1.107c.241.063.49.107.752.107H20v-6.061c0-.226-.029-.444-.077-.656A2.98 2.98 0 0 0 21 11c0-.766-.288-1.465-.762-1.996l.883-.883C21.688 7.555 22 6.801 22 6M7 7h4a1 1 0 1 1 0 2H9v2a1 1 0 0 1-2 0zm12.707-.293L16.414 10H18a1 1 0 1 1 0 2h-5V7a1 1 0 1 1 2 0v1.586l3.293-3.293a.997.997 0 0 1 1.414 0a1 1 0 0 1 0 1.414M12 18a1 1 0 1 1-2 0v-1.707l-3.354 3.414c-.195.195-.39.293-.646.293s-.512-.098-.707-.293a1 1 0 0 1 0-1.414L8.586 15H7.121a1 1 0 1 1 0-2H12zm0-6H9.722c.173-.295.278-.634.278-1v-1h1.061c.342 0 .658-.094.939-.245zm1 1h2.713c-.433.094-.713.33-.713.939V15h-.939c-.391 0-.752.117-1.061.311zm.061 4a1 1 0 0 1 1-1H16v-2a1 1 0 1 1 2 0v4h-3.939a1 1 0 0 1-1-1"/></svg>

Как использовать иконку Arrow Minimise Outline

React

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

<Icon icon="typcn:arrow-minimise-outline" width="24" />

Vue

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

<template>
  <Icon icon="typcn:arrow-minimise-outline" width="24" />
</template>

Svelte

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

<Icon icon="typcn:arrow-minimise-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--arrow-minimise-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:arrow-minimise-outline"></div>

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

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

<iconify-icon icon="typcn:arrow-minimise-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/typcn/arrow-minimise-outline.svg" alt="Иконка Arrow Minimise Outline" width="24" height="24">

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

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

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

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

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

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

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

Все Typicons →