streamlabs logo

streamlabs from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
streamlabs
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the streamlabs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.688 1.346a1.4 1.4 0 0 0-.274.006a8.4 8.4 0 0 0-1.484.308A10.06 10.06 0 0 0 .32 8.27a8.5 8.5 0 0 0-.31 1.486a1.343 1.343 0 0 0 2.662.332a5.7 5.7 0 0 1 .21-1.02a7.37 7.37 0 0 1 4.845-4.847c.288-.09.615-.157 1.02-.207A1.34 1.34 0 0 0 9.91 2.516a1.34 1.34 0 0 0-1.223-1.17Zm4.049 5.223c-2.63 0-3.944 0-4.948.511a4.7 4.7 0 0 0-2.048 2.051c-.512 1.004-.512 2.318-.512 4.947v4.29c0 1.501-.001 2.254.29 2.828c.258.504.669.914 1.173 1.171c.574.292 1.326.291 2.828.291h6.97c2.628 0 3.945.002 4.948-.51a4.7 4.7 0 0 0 2.05-2.05C24 19.094 24 17.78 24 15.15v-1.073c0-2.629 0-3.943-.512-4.947a4.7 4.7 0 0 0-2.05-2.05c-1.003-.512-2.32-.512-4.948-.512zm.537 6.705c.74 0 1.34.6 1.34 1.34v2.683a1.342 1.342 0 0 1-2.682 0v-2.684c0-.74.602-1.34 1.342-1.34m5.363 0c.74 0 1.34.6 1.34 1.34v2.683a1.34 1.34 0 0 1-2.68 0v-2.684c0-.74.599-1.34 1.34-1.34"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsStreamlabs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.688 1.346a1.4 1.4 0 0 0-.274.006a8.4 8.4 0 0 0-1.484.308A10.06 10.06 0 0 0 .32 8.27a8.5 8.5 0 0 0-.31 1.486a1.343 1.343 0 0 0 2.662.332a5.7 5.7 0 0 1 .21-1.02a7.37 7.37 0 0 1 4.845-4.847c.288-.09.615-.157 1.02-.207A1.34 1.34 0 0 0 9.91 2.516a1.34 1.34 0 0 0-1.223-1.17Zm4.049 5.223c-2.63 0-3.944 0-4.948.511a4.7 4.7 0 0 0-2.048 2.051c-.512 1.004-.512 2.318-.512 4.947v4.29c0 1.501-.001 2.254.29 2.828c.258.504.669.914 1.173 1.171c.574.292 1.326.291 2.828.291h6.97c2.628 0 3.945.002 4.948-.51a4.7 4.7 0 0 0 2.05-2.05C24 19.094 24 17.78 24 15.15v-1.073c0-2.629 0-3.943-.512-4.947a4.7 4.7 0 0 0-2.05-2.05c-1.003-.512-2.32-.512-4.948-.512zm.537 6.705c.74 0 1.34.6 1.34 1.34v2.683a1.342 1.342 0 0 1-2.682 0v-2.684c0-.74.602-1.34 1.342-1.34m5.363 0c.74 0 1.34.6 1.34 1.34v2.683a1.34 1.34 0 0 1-2.68 0v-2.684c0-.74.599-1.34 1.34-1.34"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.688 1.346a1.4 1.4 0 0 0-.274.006a8.4 8.4 0 0 0-1.484.308A10.06 10.06 0 0 0 .32 8.27a8.5 8.5 0 0 0-.31 1.486a1.343 1.343 0 0 0 2.662.332a5.7 5.7 0 0 1 .21-1.02a7.37 7.37 0 0 1 4.845-4.847c.288-.09.615-.157 1.02-.207A1.34 1.34 0 0 0 9.91 2.516a1.34 1.34 0 0 0-1.223-1.17Zm4.049 5.223c-2.63 0-3.944 0-4.948.511a4.7 4.7 0 0 0-2.048 2.051c-.512 1.004-.512 2.318-.512 4.947v4.29c0 1.501-.001 2.254.29 2.828c.258.504.669.914 1.173 1.171c.574.292 1.326.291 2.828.291h6.97c2.628 0 3.945.002 4.948-.51a4.7 4.7 0 0 0 2.05-2.05C24 19.094 24 17.78 24 15.15v-1.073c0-2.629 0-3.943-.512-4.947a4.7 4.7 0 0 0-2.05-2.05c-1.003-.512-2.32-.512-4.948-.512zm.537 6.705c.74 0 1.34.6 1.34 1.34v2.683a1.342 1.342 0 0 1-2.682 0v-2.684c0-.74.602-1.34 1.342-1.34m5.363 0c.74 0 1.34.6 1.34 1.34v2.683a1.34 1.34 0 0 1-2.68 0v-2.684c0-.74.599-1.34 1.34-1.34"/></svg>
</template>

CSS

.icon-streamlabs {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.688%201.346a1.4%201.4%200%200%200-.274.006a8.4%208.4%200%200%200-1.484.308A10.06%2010.06%200%200%200%20.32%208.27a8.5%208.5%200%200%200-.31%201.486a1.343%201.343%200%200%200%202.662.332a5.7%205.7%200%200%201%20.21-1.02a7.37%207.37%200%200%201%204.845-4.847c.288-.09.615-.157%201.02-.207A1.34%201.34%200%200%200%209.91%202.516a1.34%201.34%200%200%200-1.223-1.17Zm4.049%205.223c-2.63%200-3.944%200-4.948.511a4.7%204.7%200%200%200-2.048%202.051c-.512%201.004-.512%202.318-.512%204.947v4.29c0%201.501-.001%202.254.29%202.828c.258.504.669.914%201.173%201.171c.574.292%201.326.291%202.828.291h6.97c2.628%200%203.945.002%204.948-.51a4.7%204.7%200%200%200%202.05-2.05C24%2019.094%2024%2017.78%2024%2015.15v-1.073c0-2.629%200-3.943-.512-4.947a4.7%204.7%200%200%200-2.05-2.05c-1.003-.512-2.32-.512-4.948-.512zm.537%206.705c.74%200%201.34.6%201.34%201.34v2.683a1.342%201.342%200%200%201-2.682%200v-2.684c0-.74.602-1.34%201.342-1.34m5.363%200c.74%200%201.34.6%201.34%201.34v2.683a1.34%201.34%200%200%201-2.68%200v-2.684c0-.74.599-1.34%201.34-1.34%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.688%201.346a1.4%201.4%200%200%200-.274.006a8.4%208.4%200%200%200-1.484.308A10.06%2010.06%200%200%200%20.32%208.27a8.5%208.5%200%200%200-.31%201.486a1.343%201.343%200%200%200%202.662.332a5.7%205.7%200%200%201%20.21-1.02a7.37%207.37%200%200%201%204.845-4.847c.288-.09.615-.157%201.02-.207A1.34%201.34%200%200%200%209.91%202.516a1.34%201.34%200%200%200-1.223-1.17Zm4.049%205.223c-2.63%200-3.944%200-4.948.511a4.7%204.7%200%200%200-2.048%202.051c-.512%201.004-.512%202.318-.512%204.947v4.29c0%201.501-.001%202.254.29%202.828c.258.504.669.914%201.173%201.171c.574.292%201.326.291%202.828.291h6.97c2.628%200%203.945.002%204.948-.51a4.7%204.7%200%200%200%202.05-2.05C24%2019.094%2024%2017.78%2024%2015.15v-1.073c0-2.629%200-3.943-.512-4.947a4.7%204.7%200%200%200-2.05-2.05c-1.003-.512-2.32-.512-4.948-.512zm.537%206.705c.74%200%201.34.6%201.34%201.34v2.683a1.342%201.342%200%200%201-2.682%200v-2.684c0-.74.602-1.34%201.342-1.34m5.363%200c.74%200%201.34.6%201.34%201.34v2.683a1.34%201.34%200%200%201-2.68%200v-2.684c0-.74.599-1.34%201.34-1.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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