livekit logo

livekit from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
livekit
Set
SVG Logos
Style
Color
Viewbox
512×118
License
CC0

The same logo in other sets

livekitSimple Icons

Related icons in SVG Logos

livekit-icon

Use the livekit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#070707" d="M0 0h19.709v98.723h51.79v16.885H0zm84.935 52.63h19.098v62.972H84.935zM65.84 33.613h19.097v19.014H65.84zm94.411 79.708l-24.29-79.708h-19.098l25.515 81.992h35.747l25.514-81.992h-19.251zm90.765-81.526c-24.753 0-40.488 17.648-40.488 42.745c0 24.948 15.277 42.898 40.488 42.898c19.246 0 33.15-8.52 38.343-26.013h-19.418c-2.901 7.91-8.253 12.634-18.794 12.634c-11.61 0-19.704-8.064-21.232-23.879h60.804c.29-2.016.442-4.05.453-6.087c.005-25.566-15.884-42.298-40.156-42.298m-20.951 35.137c1.99-14.75 9.78-21.749 20.95-21.749c11.76 0 19.705 8.668 20.625 21.75zM402.846 0h-24.748l-47.97 52.938V0h-19.71v115.608h19.71v-58.41l52.86 58.41h25.205L352.892 54.76zm32.995 96.592h19.096v19.015h-19.096zm76.159 0v19.015h-19.097V96.592zM492.9 0v33.616h19.098v19.015h-19.097v43.963h-19.097V52.63h-19.098V33.616h19.098V0zm-76.16 33.613h19.097v62.973H416.74z"/></svg>

React

import type { SVGProps } from "react";

export function LogosLivekit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#070707" d="M0 0h19.709v98.723h51.79v16.885H0zm84.935 52.63h19.098v62.972H84.935zM65.84 33.613h19.097v19.014H65.84zm94.411 79.708l-24.29-79.708h-19.098l25.515 81.992h35.747l25.514-81.992h-19.251zm90.765-81.526c-24.753 0-40.488 17.648-40.488 42.745c0 24.948 15.277 42.898 40.488 42.898c19.246 0 33.15-8.52 38.343-26.013h-19.418c-2.901 7.91-8.253 12.634-18.794 12.634c-11.61 0-19.704-8.064-21.232-23.879h60.804c.29-2.016.442-4.05.453-6.087c.005-25.566-15.884-42.298-40.156-42.298m-20.951 35.137c1.99-14.75 9.78-21.749 20.95-21.749c11.76 0 19.705 8.668 20.625 21.75zM402.846 0h-24.748l-47.97 52.938V0h-19.71v115.608h19.71v-58.41l52.86 58.41h25.205L352.892 54.76zm32.995 96.592h19.096v19.015h-19.096zm76.159 0v19.015h-19.097V96.592zM492.9 0v33.616h19.098v19.015h-19.097v43.963h-19.097V52.63h-19.098V33.616h19.098V0zm-76.16 33.613h19.097v62.973H416.74z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 118"><path fill="#070707" d="M0 0h19.709v98.723h51.79v16.885H0zm84.935 52.63h19.098v62.972H84.935zM65.84 33.613h19.097v19.014H65.84zm94.411 79.708l-24.29-79.708h-19.098l25.515 81.992h35.747l25.514-81.992h-19.251zm90.765-81.526c-24.753 0-40.488 17.648-40.488 42.745c0 24.948 15.277 42.898 40.488 42.898c19.246 0 33.15-8.52 38.343-26.013h-19.418c-2.901 7.91-8.253 12.634-18.794 12.634c-11.61 0-19.704-8.064-21.232-23.879h60.804c.29-2.016.442-4.05.453-6.087c.005-25.566-15.884-42.298-40.156-42.298m-20.951 35.137c1.99-14.75 9.78-21.749 20.95-21.749c11.76 0 19.705 8.668 20.625 21.75zM402.846 0h-24.748l-47.97 52.938V0h-19.71v115.608h19.71v-58.41l52.86 58.41h25.205L352.892 54.76zm32.995 96.592h19.096v19.015h-19.096zm76.159 0v19.015h-19.097V96.592zM492.9 0v33.616h19.098v19.015h-19.097v43.963h-19.097V52.63h-19.098V33.616h19.098V0zm-76.16 33.613h19.097v62.973H416.74z"/></svg>
</template>

CSS

.icon-livekit {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20118%22%3E%3Cpath%20fill%3D%22%23070707%22%20d%3D%22M0%200h19.709v98.723h51.79v16.885H0zm84.935%2052.63h19.098v62.972H84.935zM65.84%2033.613h19.097v19.014H65.84zm94.411%2079.708l-24.29-79.708h-19.098l25.515%2081.992h35.747l25.514-81.992h-19.251zm90.765-81.526c-24.753%200-40.488%2017.648-40.488%2042.745c0%2024.948%2015.277%2042.898%2040.488%2042.898c19.246%200%2033.15-8.52%2038.343-26.013h-19.418c-2.901%207.91-8.253%2012.634-18.794%2012.634c-11.61%200-19.704-8.064-21.232-23.879h60.804c.29-2.016.442-4.05.453-6.087c.005-25.566-15.884-42.298-40.156-42.298m-20.951%2035.137c1.99-14.75%209.78-21.749%2020.95-21.749c11.76%200%2019.705%208.668%2020.625%2021.75zM402.846%200h-24.748l-47.97%2052.938V0h-19.71v115.608h19.71v-58.41l52.86%2058.41h25.205L352.892%2054.76zm32.995%2096.592h19.096v19.015h-19.096zm76.159%200v19.015h-19.097V96.592zM492.9%200v33.616h19.098v19.015h-19.097v43.963h-19.097V52.63h-19.098V33.616h19.098V0zm-76.16%2033.613h19.097v62.973H416.74z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20118%22%3E%3Cpath%20fill%3D%22%23070707%22%20d%3D%22M0%200h19.709v98.723h51.79v16.885H0zm84.935%2052.63h19.098v62.972H84.935zM65.84%2033.613h19.097v19.014H65.84zm94.411%2079.708l-24.29-79.708h-19.098l25.515%2081.992h35.747l25.514-81.992h-19.251zm90.765-81.526c-24.753%200-40.488%2017.648-40.488%2042.745c0%2024.948%2015.277%2042.898%2040.488%2042.898c19.246%200%2033.15-8.52%2038.343-26.013h-19.418c-2.901%207.91-8.253%2012.634-18.794%2012.634c-11.61%200-19.704-8.064-21.232-23.879h60.804c.29-2.016.442-4.05.453-6.087c.005-25.566-15.884-42.298-40.156-42.298m-20.951%2035.137c1.99-14.75%209.78-21.749%2020.95-21.749c11.76%200%2019.705%208.668%2020.625%2021.75zM402.846%200h-24.748l-47.97%2052.938V0h-19.71v115.608h19.71v-58.41l52.86%2058.41h25.205L352.892%2054.76zm32.995%2096.592h19.096v19.015h-19.096zm76.159%200v19.015h-19.097V96.592zM492.9%200v33.616h19.098v19.015h-19.097v43.963h-19.097V52.63h-19.098V33.616h19.098V0zm-76.16%2033.613h19.097v62.973H416.74z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/livekit.svg?color=%231a73e8&size=48