Microsoft Viva Pulse アイコン

Q: Microsoft Viva Pulse アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:microsoft-viva-pulse

Microsoft Viva Pulse アイコン(thesvg-color:microsoft-viva-pulse)は、theSVG Color セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

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

theSVG Color の関連アイコン

Microsoft Viva Pulse アイコンのよくある質問

Microsoft Viva Pulse アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Microsoft Viva Pulse アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →