Иконка Backhand Index Pointing Down

fluent-emoji-flat:backhand-index-pointing-down

Иконка Backhand Index Pointing Down (fluent-emoji-flat:backhand-index-pointing-down) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji Flat
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Категория: Люди и тело
Теги: backhandindex, indexpointing, pointingdown, backhandindexpointingdown

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffc83d" d="M21.697 7.667c1.726 4.216 5.703 5.84 6.578 6.746s.973 2.594 0 3.63c-1.258 1.338-2.569.994-4.094.093c-.515-.305-2.218-1.437-2.218-1.437v10.25c0 2.11-1.262 3.041-2.422 3.041s-2.563-1.166-2.563-3.041V22.98s-.611 1.313-2.408 1.313s-2.31-1.625-2.31-1.625s-.383.851-2.055.851c-1.578 0-2.213-1.652-2.213-1.652s-.6.605-2.006.605c-1.078 0-2.976-1.523-2.976-3.164c0-7.09.701-17.318 10.095-17.318c2.49-.01 6.866 1.462 8.592 5.677"/><path fill="#d67d00" d="M17 27.347c.161 1.456 1.19 2.41 2.171 2.605c-.818-.403-1.187-.914-1.187-2.306V18.61c0-.859-.968-.797-.968 0c0 .398-.006.886-.016 1.425zM8.984 23.13c-.694-.488-.992-1.263-.992-1.263l-.008.008V18.5a.5.5 0 0 1 1 0zm4.266.793c-.745-.48-.99-1.255-.99-1.255l-.01.018v-2.178a.5.5 0 0 1 1 0z"/></g></svg>

Как использовать иконку Backhand Index Pointing Down

React

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

<Icon icon="fluent-emoji-flat:backhand-index-pointing-down" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:backhand-index-pointing-down" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:backhand-index-pointing-down" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--backhand-index-pointing-down]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:backhand-index-pointing-down"></div>

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

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

<iconify-icon icon="fluent-emoji-flat:backhand-index-pointing-down"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backhand-index-pointing-down.svg" alt="Иконка Backhand Index Pointing Down" width="24" height="24">

Иконка Backhand Index Pointing Down в других наборах

Вопросы и ответы: Иконка Backhand Index Pointing Down

Можно ли бесплатно использовать иконку Backhand Index Pointing Down в коммерческих проектах?

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

Как использовать иконку Backhand Index Pointing Down в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:backhand-index-pointing-down" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Backhand Index Pointing Down на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/backhand-index-pointing-down.svg" alt="Иконка Backhand Index Pointing Down">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji Flat →