Vapi icon
logos:vapi
The Vapi icon (logos:vapi) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 164 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 164
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="164" viewBox="0 0 512 164"><path d="M83.07 60.765c10.427 5.346 22.288 2.619 29.836-6.337q7.201-8.612 14.041-17.515a24.1 24.1 0 0 1 19.038-9.44a23.58 23.58 0 0 1 21.875 14.776l33.904 84.273c.443 1.106-.814 2.138-1.779 1.445c-10.155-7.26-41.492-29.21-65.303-40.903c-10.213-5.008-21.724-2.603-28.964 6.165c-6.368 7.72-13.352 17.202-18.443 24.311a24.83 24.83 0 0 1-20.144 10.463a24.25 24.25 0 0 1-22.496-15.22L.09 1.685C-.379.51 1.071-.537 2.011.313C14.174 11.36 52.36 45.023 83.07 60.765M401.094 43.7a44.6 44.6 0 0 1 34.634-16.305c27.373 0 48.873 21.375 48.873 50.255s-21.323 50.156-48.696 50.156c-14.276 0-26.794-6.05-34.81-15.804v51.517h-17.802V27.394h17.796zm-67.718-16.305c24.959 0 40.288 15.1 40.288 38.634v61.688h-17.682v-15.21c-6.29 9.024-17.89 15.294-30.07 15.3c-21.228 0-34.79-11.377-34.79-28.636c0-18.83 15.92-31.572 45.008-31.572h19.456v-3.14c0-13.728-8.45-22.162-22.6-22.162c-11.987 0-22.012 7.844-22.794 18.83h-18.089c.986-19.613 18.282-33.732 41.273-33.732m-90.151 76.835l29.871-76.835h19.508l-40.596 100.322h-18.537L192.667 27.394h18.924zM512 127.716h-17.99V27.394H512zM336.72 81.128c-18.078 0-27.905 6.082-27.905 17.65c0 8.826 6.676 14.902 18.47 14.902c16.315 0 28.692-13.138 28.692-29.61v-2.942zm97.422-36.068c-18.579 0-33.048 13.468-33.048 32.985c0 18.924 14.47 32.782 33.048 32.782c18.183 0 32.657-14.442 32.657-32.782c0-18.933-14.474-32.985-32.657-32.985M512 17.948h-17.99V0H512z"/></svg>How to use the Vapi icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vapi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vapi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/vapi.svg" alt="Vapi icon" width="24" height="24">Related icons in SVG Logos
Vapi icon in other icon sets
Vapi icon FAQ
Is the Vapi icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Vapi icon in React?
Install @iconify/react and render <Icon icon="logos:vapi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vapi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/vapi.svg" alt="Vapi icon">, or paste the SVG code inline to style it with CSS.