Иконка Circle Hint 48 Regular

fluent:circle-hint-48-regular

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M15.282 7.528c-.283-.682-1.092-.978-1.722-.592a20.1 20.1 0 0 0-6.626 6.625c-.386.63-.09 1.44.592 1.722c.597.247 1.28 0 1.622-.548a17.6 17.6 0 0 1 5.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20 20 0 0 1 23.997 4c1.614 0 3.183.191 4.687.552c.718.173 1.08.954.798 1.636c-.247.597-.906.905-1.535.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.948.447m20.419 8.336c-.597.248-1.28 0-1.622-.548a17.6 17.6 0 0 0-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683 1.092-.979 1.721-.593a20.1 20.1 0 0 1 6.624 6.625c.386.63.09 1.439-.592 1.721m1.341 14.2c-.597-.247-.904-.905-.76-1.535a17.6 17.6 0 0 0 .001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282 1.463.08 1.635.798c.361 1.503.552 3.072.552 4.686a20 20 0 0 1-.552 4.685c-.172.718-.954 1.081-1.636.798M32.715 40.47c-.247-.596 0-1.28.548-1.621a17.6 17.6 0 0 0 5.584-5.585c.342-.547 1.024-.795 1.621-.548c.683.283.979 1.092.592 1.722a20.1 20.1 0 0 1-6.623 6.624c-.63.387-1.44.09-1.722-.592m-14.2 1.342c.246-.597.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.155 3.95-.448c.63-.145 1.288.163 1.535.76c.283.682-.08 1.463-.798 1.636a20 20 0 0 1-4.687.552a20 20 0 0 1-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525 32.717c.597-.248 1.28 0 1.622.548a17.6 17.6 0 0 0 5.585 5.585c.548.342.795 1.025.548 1.621c-.282.683-1.092.979-1.722.593a20.1 20.1 0 0 1-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759 1.535A17.6 17.6 0 0 0 6.497 24c0 1.358.155 2.68.447 3.949c.146.63-.162 1.288-.759 1.535c-.682.282-1.464-.08-1.636-.798A20 20 0 0 1 3.997 24c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08 1.636-.798"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Fluent UI System Icons →