Viva Engage Logo icon

ix:viva-engage-logo

The Viva Engage Logo icon (ix:viva-engage-logo) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience 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: Siemens Industrial Experience Icons
Author: Siemens AG
License: MIT
Size: 512 × 512
Tags: vivaengage, engagelogo, vivaengagelogo

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M305.652 246.304c3.437.077 6.959.058 10.364.036l1.697-.01l3.105-.031q3.731-.001 7.461-.013c6.015-.015 12.238-.031 18.371.048h3.854l1.229-3.994c2.774-8.991 4.266-17.044 4.566-24.62c1.366-34.408-11.315-63.131-37.69-85.373c-18.881-15.919-40.831-23.727-65.198-23.204c-31.698.683-57.702 13.336-77.291 37.611c-22.481 27.859-28.899 59.763-19.076 94.826c.035.126.075.232.114.339l.121.35l1.306 3.931l4.19.182c.209.011.421.029.641.021c5.719-.133 11.513-.088 17.118-.047c6.335.046 12.885.096 19.289-.109q1.899-.062 3.777-.062c16.387 0 31.593 3.481 45.254 10.368l5.623 2.987l4.343-2.292c14.086-7.65 29.853-11.336 46.832-10.944"/><path fill="currentColor" d="m233.211 96.406l1.761-.507l-1.312-2.18c-.39-.63-.82-1.308-1.324-2.079c-20.318-31.204-49.189-47.53-85.814-48.526a55 55 0 0 0-2.189-.044c-5.355 0-10.571.743-15.127 1.46c-22.989 3.614-44.423 16.249-60.355 35.575c-15.943 19.34-24.186 42.737-23.211 65.885c1.288 30.59 13.196 55.746 35.393 74.771c16.645 14.269 35.829 22.482 57.02 24.414l4.571.433l-.229-.996c-.161-.942-.441-2.131-.812-3.625c-4.996-20.145-5.043-39.489-.139-57.495c12.463-45.769 42.167-74.763 88.287-86.176a99 99 0 0 0 3.48-.91m204.293 114.91c16.823-19.397 26.088-44.568 26.094-70.88c-1.142-30.572-14.856-56.913-39.661-76.181c-22.741-17.664-50.507-24.71-78.178-19.852c-28.465 5.003-52.989 21.792-69.055 47.278c-.905 1.436-1.473 2.381-1.898 3.158l-.639 1.166l1.136.32c.844.24 1.91.495 3.46.83c31.289 6.782 57.76 25.289 74.536 52.112c16.972 27.135 22.053 59.544 14.308 91.259c-.429 1.757-.746 3.082-.931 4.114l-.185 1.033l6.209-.486c.386-.016.772-.039 1.156-.08c24.409-2.612 47.014-14.612 63.648-33.791M274.43 433.141c17.346-20.418 25.593-45.973 23.187-71.965c-4.777-51.849-47.202-90.957-98.685-90.996l-55.43-.059h-.414c-33.704 0-63.343-12.423-90.654-37.979a162 162 0 0 1-9.767-10.02v122.049c0 65.538 50.812 120.499 115.674 125.143l7.933.019c14.405-.059 28.021-.693 41.617-1.568c24.962-1.606 49.214-14.227 66.539-34.624"/><path fill="currentColor" d="M354.21 469.293c64.311-4.623 115.123-59.584 115.123-125.122V222.122c-3.255 3.631-6.492 6.945-9.768 10.001c-27.29 25.575-56.969 37.998-90.673 37.998h-.414l-55.431.059c-9.233.02-18.212 1.229-26.835 3.631c4.557 4.047 9.056 8.472 13.063 13.573c29.698 37.798 36.998 80.042 21.687 125.559c-6.848 20.258-18.392 37.66-34.415 51.846a85.7 85.7 0 0 0 17.523 2.976c13.634.875 27.211 1.509 40.828 1.568z"/></svg>

How to use the Viva Engage Logo icon

React

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

<Icon icon="ix:viva-engage-logo" width="24" />

Vue

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

<template>
  <Icon icon="ix:viva-engage-logo" width="24" />
</template>

Svelte

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

<Icon icon="ix:viva-engage-logo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--viva-engage-logo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:viva-engage-logo"></div>

Web component

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

<iconify-icon icon="ix:viva-engage-logo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ix/viva-engage-logo.svg" alt="Viva Engage Logo icon" width="24" height="24">

Viva Engage Logo icon FAQ

Is the Viva Engage Logo icon free for commercial use?

Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Viva Engage Logo icon in React?

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

How do I add the Viva Engage Logo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/viva-engage-logo.svg" alt="Viva Engage Logo icon">, or paste the SVG code inline to style it with CSS.

Browse all Siemens Industrial Experience Icons →