Иконка Map Arrow Left Bold Duotone

solar:map-arrow-left-bold-duotone

Иконка Map Arrow Left Bold Duotone (solar:map-arrow-left-bold-duotone) — бесплатная 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
Категория: Карта
Теги: maparrow, arrowleft, leftbold, boldduotone, maparrowleftboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.85663 15.9621C9.72926 16.2169 9.84009 16.5264 10.1002 16.6424L19.5019 20.835C20.9977 21.5021 22.5493 20.0209 21.8084 18.6331L18.6563 12.7294C18.4112 12.2702 18.4112 11.7298 18.6563 11.2706L21.8084 5.36689C22.5493 3.97914 20.9977 2.49789 19.5019 3.16496L15.9776 4.73662C15.5547 4.9252 15.2104 5.25466 15.0033 5.6688L9.85663 15.9621Z"/><path d="M8.46623 15.3904C8.34658 15.6297 8.05974 15.7324 7.81538 15.6235L2.99281 13.4728C1.66906 12.8825 1.66906 11.1181 2.99281 10.5278L11.8905 6.55983C12.3193 6.36864 12.7513 6.82023 12.5414 7.24008L8.46623 15.3904Z" opacity=".5"/></g></svg>

Как использовать иконку Map Arrow Left Bold Duotone

React

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

<Icon icon="solar:map-arrow-left-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:map-arrow-left-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:map-arrow-left-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--map-arrow-left-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:map-arrow-left-bold-duotone"></div>

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

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

<iconify-icon icon="solar:map-arrow-left-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/map-arrow-left-bold-duotone.svg" alt="Иконка Map Arrow Left Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Map Arrow Left Bold Duotone

Можно ли бесплатно использовать иконку Map Arrow Left Bold Duotone в коммерческих проектах?

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

Как использовать иконку Map Arrow Left Bold Duotone в React?

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

Как добавить иконку Map Arrow Left Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/map-arrow-left-bold-duotone.svg" alt="Иконка Map Arrow Left Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →