Иконка Hand Point Left

f7:hand-point-left

Иконка Hand Point Left (f7:hand-point-left) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: handpoint, pointleft, handpointleft

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M52.656 30.895c0-8.274-4.453-14.063-13.242-17.18L27.813 9.59c-2.953-1.031-5.344-.117-6.258 2.344c-.797 2.203.14 4.312 2.578 5.343l3.75 1.57c.094.024.164.094.164.188c0 .117-.094.188-.211.188H8.266c-2.953 0-4.922 1.968-4.922 4.758c0 2.765 1.969 4.734 4.922 4.734h7.804a6 6 0 0 0-.234 1.664c0 2.039 1.148 3.586 3.047 4.195a6.4 6.4 0 0 0-.352 2.04c0 1.968 1.055 3.374 2.766 3.913c.047 4.36 3.21 6.914 8.625 6.914h5.11c10.968 0 17.624-6.632 17.624-16.546m-3.234.117c0 8.273-5.344 13.336-14.766 13.336h-4.265c-3.727 0-5.883-1.196-5.883-3.282h2.695c.867 0 1.43-.68 1.43-1.453c0-.797-.563-1.523-1.43-1.523h-3.656c-1.219 0-1.992-.68-1.992-1.875c0-.445.117-.985.305-1.383h4.43c.866 0 1.452-.703 1.452-1.477c0-.796-.586-1.5-1.453-1.5h-5.437c-1.242 0-1.992-.703-1.992-1.875c0-.468.117-1.007.304-1.406h6.234c.82 0 1.454-.656 1.454-1.453c0-.82-.633-1.523-1.454-1.523H8.055c-.985 0-1.688-.657-1.688-1.617c0-.961.703-1.641 1.688-1.641h24.304c1.079 0 1.852-.703 1.852-1.688c0-.82-.375-1.547-1.547-2.062l-7.125-3.188c-1.008-.445-1.547-1.265-1.195-2.156c.351-.937 1.265-1.266 2.484-.82l11.578 4.148c7.993 2.86 11.016 7.875 11.016 14.438"/></svg>

Как использовать иконку Hand Point Left

React

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

<Icon icon="f7:hand-point-left" width="24" />

Vue

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

<template>
  <Icon icon="f7:hand-point-left" width="24" />
</template>

Svelte

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

<Icon icon="f7:hand-point-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--hand-point-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:hand-point-left"></div>

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

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

<iconify-icon icon="f7:hand-point-left"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/hand-point-left.svg" alt="Иконка Hand Point Left" width="24" height="24">

Иконка Hand Point Left в других наборах

Вопросы и ответы: Иконка Hand Point Left

Можно ли бесплатно использовать иконку Hand Point Left в коммерческих проектах?

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

Как использовать иконку Hand Point Left в React?

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

Как добавить иконку Hand Point Left на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/f7/hand-point-left.svg" alt="Иконка Hand Point Left">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Framework7 Icons →