obs studio logo
obs-studio from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.
- Name
- obs-studio
- Set
- Font Awesome Brands
- Style
- Brand
- Viewbox
- 640×640
- License
- CC BY 4.0
Use the obs studio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M333.2 64.3C468.5 71.2 576 183 576 320l-.3 13.2C568.8 468.5 456.9 576 320 576l-13.2-.3C176 569 71 464.1 64.3 333.2L64 320C64 178.6 178.6 64 320 64zM320 80C187.5 80 80 187.5 80 320s107.5 240 240 240s240-107.5 240-240S452.5 80 320 80m0 471.9C191.9 551.9 88.1 448.1 88.1 320S191.9 88.1 320 88.1S551.9 191.9 551.9 320S448.1 551.9 320 551.9m-56.8-447.1c-62.2 31.8-87.6 107.4-57.4 170.3l.9 1.8c.2.3.3.5.4.8c.1.2.1.3.2.5c.2.2.2.2.5.2h4.1c2.5.1 5 .2 7.5.4c47.5 4.5 86.1 40.5 93.8 87.6c1.7 10.5 1.8 21.2.3 31.7c-2.8 19.8-11.2 38.4-24.3 53.7c-7.5 8.7-16.3 16.1-26.2 22c-19.7 11.6-42.7 16.5-65.4 13.9c-4.1-.5-8.2-1.1-12.2-2.1c-2.6-.6-5.2-1.3-7.8-2.2c11.5 5.1 23.6 8.5 36.1 10c11.6 1.4 23.4 1.3 34.9-.4c20.7-3.1 40.4-11.2 57.2-23.7c12.4-9.1 23-20.4 31.4-33.2c.4-.6.8-1.1 1.1-1.7c.2-.2.5-.6.4-.8c-.2-.4-.3-.7-.6-1c-.7-1.3-1.4-2.6-2-4c-1.3-2.7-2.5-5.5-3.5-8.2c-2.2-5.7-3.8-11.6-4.9-17.6c-2.4-12.9-2.4-26.1 0-39c2.1-10.9 5.9-21.5 11.3-31.2c18.3-33.3 53.2-54 91.1-54.2c2.6 0 5.1 0 7.7.2c2.5.2 5 .4 7.4.8c2.4.3 4.8.7 7.3 1.2c2.4.5 4.7 1.1 7.1 1.8c2.3.6 4.5 1.4 6.7 2.2c2.3.8 4.5 1.7 6.7 2.7c2.3 1 4.4 2.1 6.7 3.2c2.2 1.2 4.3 2.4 6.4 3.6c1.9 1.2 3.9 2.5 5.7 3.8c1.9 1.4 3.8 2.8 5.6 4.3c1.9 1.5 3.7 3.2 5.5 4.8c1.9 1.8 3.7 3.6 5.5 5.6c1.7 1.9 3.4 3.9 5.1 5.9c1.8 2.3 3.5 4.6 5.1 7.1s3.1 5 4.6 7.6c2 3.6 3.7 7.4 5.3 11.3c1.7 4.2 3.1 8.5 4.2 12.8c-3.1-23.3-12.5-45.3-27.2-63.7c-10.8-13.5-24.3-24.7-39.5-32.9c-15.6-8.4-32.8-13.5-50.5-14.9c-1.6-.2-3.1-.3-4.6-.4c-28.8 50.2-93 67.6-143.2 38.8c-.9-.5-1.9-1.1-2.7-1.7c-8.8-5.4-16.8-12.1-23.6-19.9c-18.1-20.4-27.5-47.1-26.3-74.3c.2-3.1.4-6.1.8-9.1s.9-5.9 1.6-8.9q1.05-4.5 2.4-9c.9-2.8 1.9-5.7 3.1-8.5c1.2-2.9 2.5-5.7 4-8.5c1.5-2.9 3.2-5.7 5-8.5c1.6-2.5 3.4-5 5.2-7.4c2.1-2.6 4.2-5.1 6.5-7.5q3.45-3.6 7.2-6.9c2.5-2.3 5.2-4.3 8-6.3c1.4-1 2.8-2 4.3-2.9"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsObsStudio(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M333.2 64.3C468.5 71.2 576 183 576 320l-.3 13.2C568.8 468.5 456.9 576 320 576l-13.2-.3C176 569 71 464.1 64.3 333.2L64 320C64 178.6 178.6 64 320 64zM320 80C187.5 80 80 187.5 80 320s107.5 240 240 240s240-107.5 240-240S452.5 80 320 80m0 471.9C191.9 551.9 88.1 448.1 88.1 320S191.9 88.1 320 88.1S551.9 191.9 551.9 320S448.1 551.9 320 551.9m-56.8-447.1c-62.2 31.8-87.6 107.4-57.4 170.3l.9 1.8c.2.3.3.5.4.8c.1.2.1.3.2.5c.2.2.2.2.5.2h4.1c2.5.1 5 .2 7.5.4c47.5 4.5 86.1 40.5 93.8 87.6c1.7 10.5 1.8 21.2.3 31.7c-2.8 19.8-11.2 38.4-24.3 53.7c-7.5 8.7-16.3 16.1-26.2 22c-19.7 11.6-42.7 16.5-65.4 13.9c-4.1-.5-8.2-1.1-12.2-2.1c-2.6-.6-5.2-1.3-7.8-2.2c11.5 5.1 23.6 8.5 36.1 10c11.6 1.4 23.4 1.3 34.9-.4c20.7-3.1 40.4-11.2 57.2-23.7c12.4-9.1 23-20.4 31.4-33.2c.4-.6.8-1.1 1.1-1.7c.2-.2.5-.6.4-.8c-.2-.4-.3-.7-.6-1c-.7-1.3-1.4-2.6-2-4c-1.3-2.7-2.5-5.5-3.5-8.2c-2.2-5.7-3.8-11.6-4.9-17.6c-2.4-12.9-2.4-26.1 0-39c2.1-10.9 5.9-21.5 11.3-31.2c18.3-33.3 53.2-54 91.1-54.2c2.6 0 5.1 0 7.7.2c2.5.2 5 .4 7.4.8c2.4.3 4.8.7 7.3 1.2c2.4.5 4.7 1.1 7.1 1.8c2.3.6 4.5 1.4 6.7 2.2c2.3.8 4.5 1.7 6.7 2.7c2.3 1 4.4 2.1 6.7 3.2c2.2 1.2 4.3 2.4 6.4 3.6c1.9 1.2 3.9 2.5 5.7 3.8c1.9 1.4 3.8 2.8 5.6 4.3c1.9 1.5 3.7 3.2 5.5 4.8c1.9 1.8 3.7 3.6 5.5 5.6c1.7 1.9 3.4 3.9 5.1 5.9c1.8 2.3 3.5 4.6 5.1 7.1s3.1 5 4.6 7.6c2 3.6 3.7 7.4 5.3 11.3c1.7 4.2 3.1 8.5 4.2 12.8c-3.1-23.3-12.5-45.3-27.2-63.7c-10.8-13.5-24.3-24.7-39.5-32.9c-15.6-8.4-32.8-13.5-50.5-14.9c-1.6-.2-3.1-.3-4.6-.4c-28.8 50.2-93 67.6-143.2 38.8c-.9-.5-1.9-1.1-2.7-1.7c-8.8-5.4-16.8-12.1-23.6-19.9c-18.1-20.4-27.5-47.1-26.3-74.3c.2-3.1.4-6.1.8-9.1s.9-5.9 1.6-8.9q1.05-4.5 2.4-9c.9-2.8 1.9-5.7 3.1-8.5c1.2-2.9 2.5-5.7 4-8.5c1.5-2.9 3.2-5.7 5-8.5c1.6-2.5 3.4-5 5.2-7.4c2.1-2.6 4.2-5.1 6.5-7.5q3.45-3.6 7.2-6.9c2.5-2.3 5.2-4.3 8-6.3c1.4-1 2.8-2 4.3-2.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M333.2 64.3C468.5 71.2 576 183 576 320l-.3 13.2C568.8 468.5 456.9 576 320 576l-13.2-.3C176 569 71 464.1 64.3 333.2L64 320C64 178.6 178.6 64 320 64zM320 80C187.5 80 80 187.5 80 320s107.5 240 240 240s240-107.5 240-240S452.5 80 320 80m0 471.9C191.9 551.9 88.1 448.1 88.1 320S191.9 88.1 320 88.1S551.9 191.9 551.9 320S448.1 551.9 320 551.9m-56.8-447.1c-62.2 31.8-87.6 107.4-57.4 170.3l.9 1.8c.2.3.3.5.4.8c.1.2.1.3.2.5c.2.2.2.2.5.2h4.1c2.5.1 5 .2 7.5.4c47.5 4.5 86.1 40.5 93.8 87.6c1.7 10.5 1.8 21.2.3 31.7c-2.8 19.8-11.2 38.4-24.3 53.7c-7.5 8.7-16.3 16.1-26.2 22c-19.7 11.6-42.7 16.5-65.4 13.9c-4.1-.5-8.2-1.1-12.2-2.1c-2.6-.6-5.2-1.3-7.8-2.2c11.5 5.1 23.6 8.5 36.1 10c11.6 1.4 23.4 1.3 34.9-.4c20.7-3.1 40.4-11.2 57.2-23.7c12.4-9.1 23-20.4 31.4-33.2c.4-.6.8-1.1 1.1-1.7c.2-.2.5-.6.4-.8c-.2-.4-.3-.7-.6-1c-.7-1.3-1.4-2.6-2-4c-1.3-2.7-2.5-5.5-3.5-8.2c-2.2-5.7-3.8-11.6-4.9-17.6c-2.4-12.9-2.4-26.1 0-39c2.1-10.9 5.9-21.5 11.3-31.2c18.3-33.3 53.2-54 91.1-54.2c2.6 0 5.1 0 7.7.2c2.5.2 5 .4 7.4.8c2.4.3 4.8.7 7.3 1.2c2.4.5 4.7 1.1 7.1 1.8c2.3.6 4.5 1.4 6.7 2.2c2.3.8 4.5 1.7 6.7 2.7c2.3 1 4.4 2.1 6.7 3.2c2.2 1.2 4.3 2.4 6.4 3.6c1.9 1.2 3.9 2.5 5.7 3.8c1.9 1.4 3.8 2.8 5.6 4.3c1.9 1.5 3.7 3.2 5.5 4.8c1.9 1.8 3.7 3.6 5.5 5.6c1.7 1.9 3.4 3.9 5.1 5.9c1.8 2.3 3.5 4.6 5.1 7.1s3.1 5 4.6 7.6c2 3.6 3.7 7.4 5.3 11.3c1.7 4.2 3.1 8.5 4.2 12.8c-3.1-23.3-12.5-45.3-27.2-63.7c-10.8-13.5-24.3-24.7-39.5-32.9c-15.6-8.4-32.8-13.5-50.5-14.9c-1.6-.2-3.1-.3-4.6-.4c-28.8 50.2-93 67.6-143.2 38.8c-.9-.5-1.9-1.1-2.7-1.7c-8.8-5.4-16.8-12.1-23.6-19.9c-18.1-20.4-27.5-47.1-26.3-74.3c.2-3.1.4-6.1.8-9.1s.9-5.9 1.6-8.9q1.05-4.5 2.4-9c.9-2.8 1.9-5.7 3.1-8.5c1.2-2.9 2.5-5.7 4-8.5c1.5-2.9 3.2-5.7 5-8.5c1.6-2.5 3.4-5 5.2-7.4c2.1-2.6 4.2-5.1 6.5-7.5q3.45-3.6 7.2-6.9c2.5-2.3 5.2-4.3 8-6.3c1.4-1 2.8-2 4.3-2.9"/></svg> </template>
CSS
.icon-obs-studio {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M333.2%2064.3C468.5%2071.2%20576%20183%20576%20320l-.3%2013.2C568.8%20468.5%20456.9%20576%20320%20576l-13.2-.3C176%20569%2071%20464.1%2064.3%20333.2L64%20320C64%20178.6%20178.6%2064%20320%2064zM320%2080C187.5%2080%2080%20187.5%2080%20320s107.5%20240%20240%20240s240-107.5%20240-240S452.5%2080%20320%2080m0%20471.9C191.9%20551.9%2088.1%20448.1%2088.1%20320S191.9%2088.1%20320%2088.1S551.9%20191.9%20551.9%20320S448.1%20551.9%20320%20551.9m-56.8-447.1c-62.2%2031.8-87.6%20107.4-57.4%20170.3l.9%201.8c.2.3.3.5.4.8c.1.2.1.3.2.5c.2.2.2.2.5.2h4.1c2.5.1%205%20.2%207.5.4c47.5%204.5%2086.1%2040.5%2093.8%2087.6c1.7%2010.5%201.8%2021.2.3%2031.7c-2.8%2019.8-11.2%2038.4-24.3%2053.7c-7.5%208.7-16.3%2016.1-26.2%2022c-19.7%2011.6-42.7%2016.5-65.4%2013.9c-4.1-.5-8.2-1.1-12.2-2.1c-2.6-.6-5.2-1.3-7.8-2.2c11.5%205.1%2023.6%208.5%2036.1%2010c11.6%201.4%2023.4%201.3%2034.9-.4c20.7-3.1%2040.4-11.2%2057.2-23.7c12.4-9.1%2023-20.4%2031.4-33.2c.4-.6.8-1.1%201.1-1.7c.2-.2.5-.6.4-.8c-.2-.4-.3-.7-.6-1c-.7-1.3-1.4-2.6-2-4c-1.3-2.7-2.5-5.5-3.5-8.2c-2.2-5.7-3.8-11.6-4.9-17.6c-2.4-12.9-2.4-26.1%200-39c2.1-10.9%205.9-21.5%2011.3-31.2c18.3-33.3%2053.2-54%2091.1-54.2c2.6%200%205.1%200%207.7.2c2.5.2%205%20.4%207.4.8c2.4.3%204.8.7%207.3%201.2c2.4.5%204.7%201.1%207.1%201.8c2.3.6%204.5%201.4%206.7%202.2c2.3.8%204.5%201.7%206.7%202.7c2.3%201%204.4%202.1%206.7%203.2c2.2%201.2%204.3%202.4%206.4%203.6c1.9%201.2%203.9%202.5%205.7%203.8c1.9%201.4%203.8%202.8%205.6%204.3c1.9%201.5%203.7%203.2%205.5%204.8c1.9%201.8%203.7%203.6%205.5%205.6c1.7%201.9%203.4%203.9%205.1%205.9c1.8%202.3%203.5%204.6%205.1%207.1s3.1%205%204.6%207.6c2%203.6%203.7%207.4%205.3%2011.3c1.7%204.2%203.1%208.5%204.2%2012.8c-3.1-23.3-12.5-45.3-27.2-63.7c-10.8-13.5-24.3-24.7-39.5-32.9c-15.6-8.4-32.8-13.5-50.5-14.9c-1.6-.2-3.1-.3-4.6-.4c-28.8%2050.2-93%2067.6-143.2%2038.8c-.9-.5-1.9-1.1-2.7-1.7c-8.8-5.4-16.8-12.1-23.6-19.9c-18.1-20.4-27.5-47.1-26.3-74.3c.2-3.1.4-6.1.8-9.1s.9-5.9%201.6-8.9q1.05-4.5%202.4-9c.9-2.8%201.9-5.7%203.1-8.5c1.2-2.9%202.5-5.7%204-8.5c1.5-2.9%203.2-5.7%205-8.5c1.6-2.5%203.4-5%205.2-7.4c2.1-2.6%204.2-5.1%206.5-7.5q3.45-3.6%207.2-6.9c2.5-2.3%205.2-4.3%208-6.3c1.4-1%202.8-2%204.3-2.9%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M333.2%2064.3C468.5%2071.2%20576%20183%20576%20320l-.3%2013.2C568.8%20468.5%20456.9%20576%20320%20576l-13.2-.3C176%20569%2071%20464.1%2064.3%20333.2L64%20320C64%20178.6%20178.6%2064%20320%2064zM320%2080C187.5%2080%2080%20187.5%2080%20320s107.5%20240%20240%20240s240-107.5%20240-240S452.5%2080%20320%2080m0%20471.9C191.9%20551.9%2088.1%20448.1%2088.1%20320S191.9%2088.1%20320%2088.1S551.9%20191.9%20551.9%20320S448.1%20551.9%20320%20551.9m-56.8-447.1c-62.2%2031.8-87.6%20107.4-57.4%20170.3l.9%201.8c.2.3.3.5.4.8c.1.2.1.3.2.5c.2.2.2.2.5.2h4.1c2.5.1%205%20.2%207.5.4c47.5%204.5%2086.1%2040.5%2093.8%2087.6c1.7%2010.5%201.8%2021.2.3%2031.7c-2.8%2019.8-11.2%2038.4-24.3%2053.7c-7.5%208.7-16.3%2016.1-26.2%2022c-19.7%2011.6-42.7%2016.5-65.4%2013.9c-4.1-.5-8.2-1.1-12.2-2.1c-2.6-.6-5.2-1.3-7.8-2.2c11.5%205.1%2023.6%208.5%2036.1%2010c11.6%201.4%2023.4%201.3%2034.9-.4c20.7-3.1%2040.4-11.2%2057.2-23.7c12.4-9.1%2023-20.4%2031.4-33.2c.4-.6.8-1.1%201.1-1.7c.2-.2.5-.6.4-.8c-.2-.4-.3-.7-.6-1c-.7-1.3-1.4-2.6-2-4c-1.3-2.7-2.5-5.5-3.5-8.2c-2.2-5.7-3.8-11.6-4.9-17.6c-2.4-12.9-2.4-26.1%200-39c2.1-10.9%205.9-21.5%2011.3-31.2c18.3-33.3%2053.2-54%2091.1-54.2c2.6%200%205.1%200%207.7.2c2.5.2%205%20.4%207.4.8c2.4.3%204.8.7%207.3%201.2c2.4.5%204.7%201.1%207.1%201.8c2.3.6%204.5%201.4%206.7%202.2c2.3.8%204.5%201.7%206.7%202.7c2.3%201%204.4%202.1%206.7%203.2c2.2%201.2%204.3%202.4%206.4%203.6c1.9%201.2%203.9%202.5%205.7%203.8c1.9%201.4%203.8%202.8%205.6%204.3c1.9%201.5%203.7%203.2%205.5%204.8c1.9%201.8%203.7%203.6%205.5%205.6c1.7%201.9%203.4%203.9%205.1%205.9c1.8%202.3%203.5%204.6%205.1%207.1s3.1%205%204.6%207.6c2%203.6%203.7%207.4%205.3%2011.3c1.7%204.2%203.1%208.5%204.2%2012.8c-3.1-23.3-12.5-45.3-27.2-63.7c-10.8-13.5-24.3-24.7-39.5-32.9c-15.6-8.4-32.8-13.5-50.5-14.9c-1.6-.2-3.1-.3-4.6-.4c-28.8%2050.2-93%2067.6-143.2%2038.8c-.9-.5-1.9-1.1-2.7-1.7c-8.8-5.4-16.8-12.1-23.6-19.9c-18.1-20.4-27.5-47.1-26.3-74.3c.2-3.1.4-6.1.8-9.1s.9-5.9%201.6-8.9q1.05-4.5%202.4-9c.9-2.8%201.9-5.7%203.1-8.5c1.2-2.9%202.5-5.7%204-8.5c1.5-2.9%203.2-5.7%205-8.5c1.6-2.5%203.4-5%205.2-7.4c2.1-2.6%204.2-5.1%206.5-7.5q3.45-3.6%207.2-6.9c2.5-2.3%205.2-4.3%208-6.3c1.4-1%202.8-2%204.3-2.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/obs-studio.svg?color=%231a73e8&size=48
