Иконка Obs Studio
fa7-brands:obs-studio
Иконка Obs Studio (fa7-brands:obs-studio) — бесплатная SVG-иконка из набора Font Awesome Brands от Dave Gandy. Она нарисована на сетке 640 × 640. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome Brands
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 640 × 640
- Теги
- obsstudio
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" 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>Как использовать иконку Obs Studio
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:obs-studio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:obs-studio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:obs-studio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--obs-studio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:obs-studio"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:obs-studio"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa7-brands/obs-studio.svg" alt="Иконка Obs Studio" width="24" height="24">Похожие иконки в наборе Font Awesome Brands
Иконка Obs Studio в других наборах
Вопросы и ответы: Иконка Obs Studio
Можно ли бесплатно использовать иконку Obs Studio в коммерческих проектах?
Да. Font Awesome Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Obs Studio в React?
Установите @iconify/react и выведите <Icon icon="fa7-brands:obs-studio" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Obs Studio на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa7-brands/obs-studio.svg" alt="Иконка Obs Studio">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.