Иконка Arrow Big Up Fill

keyline-icons:arrow-big-up-fill

Иконка Arrow Big Up Fill (keyline-icons:arrow-big-up-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: arrowbig, bigup, upfill, arrowbigupfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.4142 1.5858L20.4142 8.5858C20.7001 8.8717 20.886 9.2301 20.9616 9.6098C21.0371 9.9894 21.0026 10.3918 20.8478 10.7654C20.693 11.139 20.433 11.4479 20.1111 11.663C19.7893 11.878 19.4044 12 19 12L17 12L17 21C17 21.552 16.7751 22.0534 16.4142 22.4142C16.0534 22.7751 15.552 23 15 23L9 23C8.448 23 7.9466 22.7751 7.5858 22.4142C7.2249 22.0534 7 21.552 7 21L7 12L5 12C4.5956 12 4.2107 11.878 3.8889 11.663C3.567 11.4479 3.307 11.139 3.1522 10.7654C2.9974 10.3918 2.9629 9.9894 3.0384 9.6098C3.114 9.2301 3.2999 8.8717 3.5858 8.5858L10.5858 1.5858C10.9761 1.1955 11.4897 1 12 1C12.5103 1 13.0239 1.1955 13.4142 1.5858Z"/></svg>

Как использовать иконку Arrow Big Up Fill

React

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

<Icon icon="keyline-icons:arrow-big-up-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:arrow-big-up-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:arrow-big-up-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--arrow-big-up-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:arrow-big-up-fill"></div>

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

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

<iconify-icon icon="keyline-icons:arrow-big-up-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/arrow-big-up-fill.svg" alt="Иконка Arrow Big Up Fill" width="24" height="24">

Вопросы и ответы: Иконка Arrow Big Up Fill

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

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Arrow Big Up Fill в React?

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

Как добавить иконку Arrow Big Up Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/arrow-big-up-fill.svg" alt="Иконка Arrow Big Up Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →