Icône Microsoft Viva Pulse

thesvg-color:microsoft-viva-pulse

L'icône Microsoft Viva Pulse (thesvg-color:microsoft-viva-pulse) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 64 × 64. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: theSVG Color
Auteur: thesvg.org
Licence: MIT
Taille: 64 × 64
Mots-clés: microsoftviva, vivapulse, microsoftvivapulse

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Web component

<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>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-pulse.svg" alt="Icône Microsoft Viva Pulse" width="24" height="24">

Icônes similaires dans theSVG Color

FAQ : Icône Microsoft Viva Pulse

L'icône Microsoft Viva Pulse est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Microsoft Viva Pulse dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:microsoft-viva-pulse" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Microsoft Viva Pulse à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-pulse.svg" alt="Icône Microsoft Viva Pulse">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →