Иконка Circle Hint 32 Regular

fluent:circle-hint-32-regular

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M9.718 4.753c-.23-.555-.892-.79-1.394-.46a14.1 14.1 0 0 0-4.03 4.032c-.33.502-.095 1.165.46 1.394c.47.195 1.007.007 1.291-.415a12.1 12.1 0 0 1 3.259-3.26c.421-.284.609-.821.414-1.29m3.978-.531c-.5.097-1.013-.15-1.207-.62c-.23-.554.072-1.189.66-1.31A14 14 0 0 1 16.005 2c.978 0 1.933.1 2.854.291c.588.122.89.756.66 1.311c-.194.47-.707.717-1.206.62a12.1 12.1 0 0 0-4.617 0m13.56 5.498c-.47.194-1.007.006-1.291-.415a12.1 12.1 0 0 0-3.26-3.262c-.422-.284-.61-.821-.415-1.29c.23-.556.893-.79 1.395-.46a14.1 14.1 0 0 1 4.03 4.033c.33.502.096 1.164-.46 1.394m1.147 9.795c-.47-.195-.717-.708-.62-1.207a12.1 12.1 0 0 0 .001-4.61c-.097-.5.15-1.012.62-1.207c.555-.23 1.19.073 1.311.661c.19.92.29 1.872.29 2.848c0 .978-.1 1.933-.291 2.855c-.122.587-.757.89-1.311.66m-6.118 7.736c-.195-.47-.007-1.007.415-1.29a12.1 12.1 0 0 0 3.262-3.26c.284-.422.82-.61 1.29-.416c.555.23.79.893.46 1.395a14.1 14.1 0 0 1-4.033 4.032c-.502.329-1.165.094-1.394-.46m-9.79 1.148c.195-.47.708-.717 1.207-.62a12.1 12.1 0 0 0 4.605 0c.498-.096 1.011.15 1.206.62c.23.555-.073 1.19-.66 1.311a14.1 14.1 0 0 1-5.698 0c-.587-.122-.89-.756-.66-1.311m-7.737-6.113c.47-.195 1.006-.007 1.29.415a12.1 12.1 0 0 0 3.26 3.258c.422.285.61.822.416 1.291c-.23.555-.892.79-1.394.46a14.1 14.1 0 0 1-4.032-4.03c-.33-.501-.095-1.164.46-1.394m-1.152-9.795c.47.194.717.707.62 1.206a12.1 12.1 0 0 0 0 4.611c.098.5-.149 1.013-.619 1.207c-.554.23-1.189-.072-1.31-.66A14 14 0 0 1 2.004 16c0-.976.1-1.929.29-2.848c.121-.589.756-.89 1.31-.661"/></svg>

Как использовать иконку Circle Hint 32 Regular

React

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

<Icon icon="fluent:circle-hint-32-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:circle-hint-32-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:circle-hint-32-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--circle-hint-32-regular]"></span>

UnoCSS

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

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

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

<iconify-icon icon="fluent:circle-hint-32-regular"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/circle-hint-32-regular.svg" alt="Иконка Circle Hint 32 Regular" width="24" height="24">

Вопросы и ответы: Иконка Circle Hint 32 Regular

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

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

Как использовать иконку Circle Hint 32 Regular в React?

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

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

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

Все Fluent UI System Icons →