Иконка Data Sunburst 48 Regular

fluent:data-sunburst-48-regular

Иконка Data Sunburst 48 Regular (fluent:data-sunburst-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
Теги: datasunburst, sunburstregular, datasunburstregular

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M7.117 31c.511 0 .97.306 1.198.764a17.57 17.57 0 0 0 7.923 7.923c.458.228.762.686.762 1.198c0 .897-.895 1.516-1.704 1.126a20.08 20.08 0 0 1-9.305-9.305C5.599 31.897 6.218 31 7.117 31m33.768 0c.898 0 1.517.898 1.125 1.706a20.08 20.08 0 0 1-9.305 9.304c-.808.39-1.705-.23-1.705-1.126c0-.512.306-.97.764-1.198a17.57 17.57 0 0 0 7.923-7.923a1.35 1.35 0 0 1 1.198-.762m-4.836-3.479c.768.096 1.276.853.994 1.573C35.006 34.308 29.933 38 24 38c-2.181 0-4.246-.5-6.086-1.39c-.697-.338-.84-1.238-.342-1.83c.396-.474 1.073-.586 1.633-.328A11.4 11.4 0 0 0 24 35.5c4.796 0 8.906-2.935 10.631-7.108c.236-.57.807-.947 1.42-.87m-19.925-15.1c.64-.436 1.493-.11 1.758.619c.211.579-.03 1.22-.532 1.577A11.48 11.48 0 0 0 12.499 24c0 2.431.757 4.686 2.045 6.544c.352.506.358 1.191-.038 1.664c-.497.593-1.409.608-1.862-.019A13.94 13.94 0 0 1 9.999 24c0-4.812 2.43-9.057 6.127-11.576M24 16a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 2.5a5.5 5.5 0 1 0 .002 11.001A5.5 5.5 0 0 0 24 18.5m0-8.5c7.148 0 13.043 5.356 13.894 12.273c.094.767-.584 1.375-1.35 1.28c-.612-.077-1.073-.584-1.16-1.194c-.796-5.574-5.59-9.86-11.384-9.86q-.472 0-.936.04c-.614.05-1.21-.286-1.421-.865c-.265-.729.179-1.527.95-1.604Q23.287 10 24 10m-8.703-4.01C16.104 5.599 17 6.217 17 7.115c0 .511-.304.97-.762 1.197a17.57 17.57 0 0 0-7.924 7.925a1.35 1.35 0 0 1-1.198.764c-.898 0-1.517-.897-1.126-1.705a20.08 20.08 0 0 1 9.306-9.306M31 7.116c0-.898.897-1.516 1.705-1.125a20.08 20.08 0 0 1 9.305 9.305c.391.808-.227 1.705-1.125 1.705c-.511 0-.97-.306-1.198-.764a17.57 17.57 0 0 0-7.923-7.924A1.35 1.35 0 0 1 31 7.116"/></svg>

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

React

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

<Icon icon="fluent:data-sunburst-48-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:data-sunburst-48-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:data-sunburst-48-regular" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fluent:data-sunburst-48-regular"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent/data-sunburst-48-regular.svg" alt="Иконка Data Sunburst 48 Regular" width="24" height="24">

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

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

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

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

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

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

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

Все Fluent UI System Icons →