Иконка Circle Hint Cursor 16 Filled

fluent:circle-hint-cursor-16-filled

Иконка Circle Hint Cursor 16 Filled (fluent:circle-hint-cursor-16-filled) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 16 × 16. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent UI System Icons
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 16 × 16
Теги: circlehint, hintcursor, cursorfilled, circlehintcursorfilled

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M3.926 2.307c.368-.264.869-.086 1.042.333c.145.35.006.751-.297.981a5.5 5.5 0 0 0-1.05 1.051c-.23.303-.63.443-.982.297c-.419-.173-.596-.674-.333-1.042a7 7 0 0 1 1.62-1.62m2.428-.242c.145.351.527.535.904.485a5.6 5.6 0 0 1 1.484 0c.377.05.759-.134.905-.485c.173-.418-.055-.898-.502-.972a7 7 0 0 0-2.29 0c-.446.074-.675.554-.501.972m6.025 2.607c.23.302.63.442.982.296c.418-.173.596-.674.332-1.042a7 7 0 0 0-1.618-1.619c-.369-.264-.87-.086-1.043.333c-.145.35-.006.751.297.981c.395.301.749.655 1.05 1.05m1.071 4.072c-.05.376.133.758.485.904c.418.173.898-.055.972-.502a7 7 0 0 0 0-2.29c-.073-.447-.553-.675-.972-.502c-.351.145-.535.527-.485.904a5.6 5.6 0 0 1 0 1.486m-9.828 2.585c-.23-.302-.63-.442-.982-.296c-.418.173-.596.674-.332 1.042a7 7 0 0 0 1.617 1.618c.369.264.87.086 1.043-.333c.145-.35.006-.751-.297-.981a5.5 5.5 0 0 1-1.05-1.05M2.549 7.26c.051-.377-.133-.759-.484-.904c-.419-.173-.899.055-.972.502a7 7 0 0 0 0 2.288c.074.447.554.675.972.502c.351-.145.536-.527.485-.904a5.6 5.6 0 0 1 0-1.484m6.307-.113a.5.5 0 0 0-.852.354L8 15.5a.5.5 0 0 0 .9.301l1.994-2.647l3.497.776a.5.5 0 0 0 .46-.843z"/></svg>

Как использовать иконку Circle Hint Cursor 16 Filled

React

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

<Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--circle-hint-cursor-16-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:circle-hint-cursor-16-filled"></div>

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

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

<iconify-icon icon="fluent:circle-hint-cursor-16-filled"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/circle-hint-cursor-16-filled.svg" alt="Иконка Circle Hint Cursor 16 Filled" width="24" height="24">

Вопросы и ответы: Иконка Circle Hint Cursor 16 Filled

Можно ли бесплатно использовать иконку Circle Hint Cursor 16 Filled в коммерческих проектах?

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

Как использовать иконку Circle Hint Cursor 16 Filled в React?

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

Как добавить иконку Circle Hint Cursor 16 Filled на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent/circle-hint-cursor-16-filled.svg" alt="Иконка Circle Hint Cursor 16 Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Fluent UI System Icons →