Иконка Microsoft Viva Insights

thesvg-color:microsoft-viva-insights

Иконка Microsoft Viva Insights (thesvg-color:microsoft-viva-insights) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 512 × 512. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 512 × 512
Теги: microsoftviva, vivainsights, microsoftvivainsights, insight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><circle cx="272.005" cy="144.001" r="144.001" fill="url(#SVGpmhbqbbL)"/><path fill="url(#SVGTQGWUhOX)" d="M128.032 146.781A105 105 0 0 0 104 144C46.563 144 0 190.563 0 248c0 28.719 11.64 54.719 30.461 73.532c18.82 18.844 44.82 30.469 73.539 30.469l2.18-.031c6.36-.125 12.578-.813 18.608-2.032a103.5 103.5 0 0 0 28.109-10.125c8.276-4.406 15.899-9.937 22.696-16.375l47.107-44.094c-54.42-19.844-93.508-71.562-94.668-132.563"/><path fill="url(#SVGD5UvzdBy)" d="M175.477 323.545C156.842 341.183 131.684 352 104 352c-30.1 0-57.212-12.786-76.203-33.224c6.446 7.659 96.074 103.867 145.514 156.787l.009-.013c20.479 22.399 49.938 36.45 82.678 36.45c33.428 0 63.436-14.654 83.957-37.87L481.99 321.092c18.555-18.778 30.009-44.608 30.009-73.092c0-57.437-46.563-104-104.001-104c-30.059 0-57.137 12.755-76.125 33.156l-81.205 76v.017l-75.076 70.279l.103.093z"/><defs><linearGradient id="SVGpmhbqbbL" x1="133.99" x2="334.982" y1="-15.006" y2="297.51" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#98bef5"/><stop offset=".944" stop-color="#3f6fd1"/></linearGradient><linearGradient id="SVGTQGWUhOX" x1="6.306" x2="160.121" y1="123.579" y2="345.834" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#4a6dc4"/><stop offset=".999" stop-color="#16296f"/></linearGradient><linearGradient id="SVGD5UvzdBy" x1="425.026" x2="292.769" y1="462.33" y2="141.615" gradientUnits="userSpaceOnUse"><stop stop-color="#283b73"/><stop offset="1" stop-color="#436dcd"/></linearGradient></defs></g></svg>

Как использовать иконку Microsoft Viva Insights

React

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

<Icon icon="thesvg-color:microsoft-viva-insights" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:microsoft-viva-insights" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:microsoft-viva-insights" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-viva-insights]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-viva-insights"></div>

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

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

<iconify-icon icon="thesvg-color:microsoft-viva-insights"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-insights.svg" alt="Иконка Microsoft Viva Insights" width="24" height="24">

Вопросы и ответы: Иконка Microsoft Viva Insights

Можно ли бесплатно использовать иконку Microsoft Viva Insights в коммерческих проектах?

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

Как использовать иконку Microsoft Viva Insights в React?

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

Как добавить иконку Microsoft Viva Insights на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-insights.svg" alt="Иконка Microsoft Viva Insights">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →