Pipecat icon
logos:pipecat
The Pipecat icon (logos:pipecat) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 149 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
- 256 × 149
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="149" viewBox="0 0 256 149"><path d="M220.706.594a9.25 9.25 0 0 1 5.993 8.66V92.53H256v18.506h-47.807V33.83l-19.647 22.393a9.25 9.25 0 0 1-6.956 3.151H74.41a9.25 9.25 0 0 1-6.956-3.15L47.807 33.83v77.207H0V92.53h29.301V9.253A9.253 9.253 0 0 1 45.51 3.151L78.6 40.868h98.798L210.49 3.151A9.25 9.25 0 0 1 220.706.594M86.362 86.362c6.813 0 12.337 5.524 12.337 12.338s-5.524 12.337-12.337 12.337c-6.814 0-12.338-5.524-12.338-12.337c0-6.814 5.524-12.338 12.338-12.338m83.276 0c6.814 0 12.338 5.524 12.338 12.338s-5.524 12.337-12.338 12.337s-12.337-5.524-12.337-12.337c0-6.814 5.524-12.338 12.337-12.338m38.555 43.18H256v18.507h-47.807zM0 129.543h47.807v18.507H0z"/></svg>How to use the Pipecat icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pipecat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pipecat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pipecat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pipecat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pipecat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pipecat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/pipecat.svg" alt="Pipecat icon" width="24" height="24">Pipecat icon in other icon sets
Pipecat icon FAQ
Is the Pipecat 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 Pipecat icon in React?
Install @iconify/react and render <Icon icon="logos:pipecat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pipecat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/pipecat.svg" alt="Pipecat icon">, or paste the SVG code inline to style it with CSS.