Microsoft Viva Amplify icon

thesvg-color:microsoft-viva-amplify

The Microsoft Viva Amplify icon (thesvg-color:microsoft-viva-amplify) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 512 × 512
Tags: microsoftviva, vivaamplify, microsoftvivaamplify

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG93kwcSdN" x1="-53.592" x2="181.469" y1="774.328" y2="706.359" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#9b52aa"/><stop offset=".999" stop-color="#4f2757"/></linearGradient><path fill="url(#SVG93kwcSdN)" d="M234 395c0 64.6-52.4 117-117 117S0 459.6 0 395s52.4-117 117-117s117 52.4 117 117"/><linearGradient id="SVGY09oycSI" x1="256.24" x2="88.184" y1="787.886" y2="531.417" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b75cc9"/><stop offset="1" stop-color="#e8aaf4"/></linearGradient><path fill="url(#SVGY09oycSI)" d="M108.2 148.6L11.3 344.8l-.1.3C23.9 321.8 48.6 306 77 306c30.1 0 56.1 17.8 68.1 43.4l60.4 119.9c12.6 25.1 38.5 42.5 68.5 42.7h168l-34.2-14.5l-169.2-327.7c-18.3-22.3-46.1-36.5-77.3-36.5c-19.5 0-37.7 5.6-53.1 15.3"/><linearGradient id="SVGlxpe8bep" x1="198.592" x2="424.979" y1="414.441" y2="858.825" gradientTransform="translate(0 -330)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#cb6ade"/><stop offset=".436" stop-color="#8d479b"/><stop offset="1" stop-color="#4f2757"/></linearGradient><path fill="url(#SVGlxpe8bep)" d="m346 63.9l150.5 299.9c2.4 4.6 7 17.5 7 17.5c6.6 17.2 8.4 35.1 8.4 53.4c0 42.7-31.6 77.3-70.7 77.3c-27.2 0-50.8-16.8-62.6-41.4L240.4 196.7C225.8 167 196.9 146 162 146c-29.5 0-55.5 14.9-71 37.5l58.7-118.7C166 26.7 203.9 0 248 0c43.8 0 81.4 26.3 98 63.9"/></svg>

How to use the Microsoft Viva Amplify icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-viva-amplify"></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-amplify"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-amplify.svg" alt="Microsoft Viva Amplify icon" width="24" height="24">

Related icons in theSVG Color

Microsoft Viva Amplify icon FAQ

Is the Microsoft Viva Amplify icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Microsoft Viva Amplify icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:microsoft-viva-amplify" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Microsoft Viva Amplify icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-viva-amplify.svg" alt="Microsoft Viva Amplify icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →