Иконка Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right

pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right

Иконка Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right (pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Pinhead Map Icons
Автор: Quincy Morgan
Лицензия: CC0-1.0
Размер: 15 × 15
Теги: arrowtop, topleft, leftbeside, besidearrow, topright, rightabove, abovearrow, arrowbottom, bottomleft, bottomright

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m1 5.49l1.49.01l.01-1.94l3.27 3.27l1.06-1.06L3.56 2.5l1.94-.01L5.49 1H1zm13 0l-1.49.01l-.01-1.94l-3.27 3.27l-1.06-1.06l3.27-3.27l-1.94-.01L9.51 1H14zm0 4.02l-1.49-.01l-.01 1.94l-3.27-3.27l-1.06 1.06l3.27 3.27l-1.94.01l.01 1.49H14zm-13 0l1.49-.01l.01 1.94l3.27-3.27l1.06 1.06l-3.27 3.27l1.94.01L5.49 14H1z"/></svg>

Как использовать иконку Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right

React

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

<Icon icon="pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right"></div>

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

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

<iconify-icon icon="pinhead:arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right.svg" alt="Иконка Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right" width="24" height="24">

Вопросы и ответы: Иконка Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right

Можно ли бесплатно использовать иконку Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right в коммерческих проектах?

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

Как использовать иконку Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right в React?

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

Как добавить иконку Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/arrow-top-left-beside-arrow-top-right-above-arrow-bottom-left-beside-arrow-bottom-right.svg" alt="Иконка Arrow Top Left Beside Arrow Top Right Above Arrow Bottom Left Beside Arrow Bottom Right">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →