Иконка Microsoft Viva Pulse

thesvg-color:microsoft-viva-pulse

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none"><path fill="url(#SVGLFSRAcoz)" d="M25.798 63.418a7.752 7.752 0 0 1-2.068-13.072L44.137 30.32A11.97 11.97 0 0 0 48 21.5c0-1.257-.193-2.468-.551-3.607A12 12 0 0 1 52 17c6.627 0 12 5.373 12 12c0 3.395-1.41 6.46-3.676 8.644L38.186 60.28A11.97 11.97 0 0 1 29.5 64c-1.292 0-2.536-.204-3.702-.582"/><path fill="url(#SVGHbnKRcFD)" d="M30.357.564a7.502 7.502 0 0 1 2.61 12.072L10.723 34.31l.001.002A11.97 11.97 0 0 0 7 43.001c0 3.49 1.49 6.632 3.869 8.824l10.323 8.836v-.002a12 12 0 0 0 4.607 2.76a7.752 7.752 0 0 1-2.069-13.073L44.137 30.32A11.97 11.97 0 0 0 48 21.5c0-3.28-1.316-6.252-3.448-8.418v-.002l-4.054-4.23l-5.435-5.406h-.002a11.75 11.75 0 0 0-4.704-2.88"/><path fill="url(#SVGCoa7rczL)" d="M30.234.516c.045.016.07.027.123.048a7.502 7.502 0 0 1 2.61 12.072L13.146 31.998c-4.786-.606-8.86-2.944-12.228-6.313a3.13 3.13 0 0 1 0-4.427l17.11-17.38A11.72 11.72 0 0 1 26.75 0c1.44 0 2.21.042 3.484.516"/><defs><linearGradient id="SVGLFSRAcoz" x1="19.803" x2="59.48" y1="41.44" y2="43.956" gradientUnits="userSpaceOnUse"><stop stop-color="#053f4b"/><stop offset=".493" stop-color="#0a6b78"/><stop offset="1" stop-color="#149fb3"/></linearGradient><linearGradient id="SVGHbnKRcFD" x1="42.34" x2="20.482" y1="40.597" y2="18.483" gradientUnits="userSpaceOnUse"><stop stop-color="#0f848b"/><stop offset=".632" stop-color="#18cbcb"/><stop offset=".872" stop-color="#18dae7"/></linearGradient><linearGradient id="SVGCoa7rczL" x1="36.241" x2="5.402" y1="23.952" y2="9.105" gradientUnits="userSpaceOnUse"><stop offset=".021" stop-color="#084c54"/><stop offset=".518" stop-color="#12888f"/><stop offset="1" stop-color="#1cc2d8"/></linearGradient></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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