Brand

Displays a brand icon in multi-color or mono variant.

Use Brand when you need to display a third-party or product brand logo as a multi-color icon. Brand icons are fetched as SVGs and rendered in full color, unlike standard icons which use an icon font and are limited to a single color.

Use the mono variant when a single-color rendition is needed to match surrounding text or a monochrome design context.

<script setup lang="ts">
import { VBrand } from '@vonage/vivid-api-vue';
</script>

<template>
  <p><VBrand name="slack" /> Slack</p>
</template>

<p>
  <vwc-brand name="slack"></vwc-brand> Slack
</p>

<script setup lang="ts">
import { VBrand } from '@vonage/vivid-api-vue';
</script>

<template>
  <VBrand name="slack" />
</template>

<vwc-brand name="slack"></vwc-brand>

• Icon
• Flag