ICONYZ
日本語
theSVG Color の Owncast Light アイコン

Owncast Light アイコン

thesvg-color:owncast-light

Owncast Light アイコン(thesvg-color:owncast-light)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 96 × 104 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
96 × 104
タグ
owncastlight
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="104" viewBox="0 0 96 104"><clipPath id="SVGxhBU85ZH"><path d="M6.794 4.146h125.981v119.257H6.794Z"/></clipPath><g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-path="url(#SVGxhBU85ZH)" transform="translate(-37.088 -18.94)"><path fill-rule="nonzero" d="M131.924 97.586q1.62-4.387.157-7.99q-1.358-3.343-5.223-5.641q-3.604-2.09-8.722-3.03q-4.649-.835-10.132-.73q-5.276.156-10.237 1.148q-4.753.993-8.357 2.507q-3.551 1.515-5.536 3.29q-1.985 1.88-2.09 3.866q-.156 2.35 2.403 5.066q2.35 2.507 6.581 4.91t9.349 4.125q5.484 1.828 10.811 2.35q3.447.314 6.424.105q3.239-.313 6.007-1.358q2.977-1.149 5.066-3.186q2.35-2.246 3.5-5.432m-21.832-8.2q1.775.94 2.611 2.299q.836 1.514.366 3.447a6.1 6.1 0 0 1-1.202 2.35q-.783.888-2.089 1.41q-1.097.47-2.663.679q-1.515.157-3.03.052q-2.663-.156-5.85-1.044a35.5 35.5 0 0 1-5.327-2.09q-2.35-1.148-3.864-2.402q-1.463-1.306-1.41-2.298q.104-.836 1.2-1.62q1.097-.73 3.03-1.305q1.932-.627 4.283-.94q2.663-.313 5.066-.313q2.663.052 4.805.418q2.298.47 4.074 1.357m-4.179-54.787q-.209-5.64-2.82-9.401q-2.768-4.126-8.148-5.641q-1.2-.366-2.559-.522q-1.201-.157-2.455-.053a10.5 10.5 0 0 0-2.298.262q-.992.209-2.193.679q-3.865 1.514-6.999 5.327q-2.925 3.447-5.014 8.565q-1.828 4.335-2.925 9.506a72 72 0 0 0-1.41 9.871q-.313 4.544-.052 8.722q.313 4.126 1.15 7.469q1.67 6.842 5.117 8.409q.314.156.627.26l1.358.21q.261 0 .784-.052q2.193-.21 4.961-1.828q2.664-1.62 5.589-4.44q3.133-3.03 6.058-7.05a66 66 0 0 0 5.484-8.827q2.82-5.484 4.335-10.76q1.567-5.797 1.41-10.706m-19.899 8.46q.523.105.888.262q4.23 1.462 4.335 6.737q.052 4.335-2.663 9.976q-2.246 4.7-5.38 8.252q-2.925 3.343-4.91 3.552l-.26.052l-.47-.052l-.262-.105q-1.462-.679-2.037-4.44q-.574-3.812.052-8.721q.68-5.484 2.56-9.61q2.245-4.91 5.536-5.798q.574-.156.836-.156q.417-.053.835-.053t.94.105M39.166 53.976a8.6 8.6 0 0 0-1.044 1.828q-.47 1.2-.68 2.454q-1.096 5.119 1.202 9.924q1.88 3.97 6.059 7.468q3.708 3.082 8.356 5.014q4.7 1.933 8.2 1.776q.679 0 1.462-.157t1.306-.417t.992-.68t.732-.94q1.253-2.402-.68-7.416q-1.984-4.857-6.006-9.976q-4.178-5.327-8.722-8.408q-4.91-3.29-8.304-2.455a4.6 4.6 0 0 0-1.567.731q-.731.47-1.306 1.254m7.73 10.393q.261-.47.522-.731t.627-.47q.418-.157.731-.21q1.672-.313 4.23 1.463q2.299 1.515 4.597 4.283q2.09 2.507 3.343 4.91q1.2 2.454.73 3.447a.8.8 0 0 1-.26.313a.66.66 0 0 1-.366.261q-.104.105-.418.157l-.574.104q-1.672.105-4.335-.94a21.4 21.4 0 0 1-4.91-2.768q-2.454-1.828-3.656-3.97q-1.358-2.454-.626-4.909q.156-.522.365-.94m25.958 32.016h-.21q-1.618-.052-2.976 1.097q-1.254 1.097-2.142 3.134q-.783 1.828-1.096 4.126t-.105 4.648q.418 4.962 2.925 8.409q2.925 3.97 8.148 5.223h.104l.313.104h.157q5.693 1.097 7.625-2.141q.888-1.515.888-3.865q-.052-2.246-.835-4.91q-.784-2.716-2.194-5.431a30.3 30.3 0 0 0-3.186-5.014q-1.88-2.35-3.76-3.76q-1.985-1.463-3.656-1.62m-1.463 6.476q.836-2.298 2.142-2.193h.052q1.306.157 3.081 2.716a19.9 19.9 0 0 1 2.664 5.38q.992 3.08.418 4.909q-.68 1.932-3.343 1.567h-.052l-.052-.053h-.157q-2.611-.522-4.021-2.716q-1.202-1.984-1.358-4.805q-.157-2.768.626-4.805M60.058 91.632a4.5 4.5 0 0 0-1.15-.626a6.5 6.5 0 0 0-1.41-.366q-.678-.157-1.462-.209a12.5 12.5 0 0 0-4.387.679q-2.09.679-3.395 2.037q-1.306 1.462-1.253 3.238q.052 1.933 1.828 4.178q.47.575 1.149 1.254q.522.522 1.2.94q.523.313 1.15.574q.731.262 1.149.262q1.88.26 3.656-.784q1.723-.992 2.977-2.82q1.306-1.88 1.62-3.865q.312-2.194-.784-3.604a5.2 5.2 0 0 0-.888-.888m-1.045 2.142q.47.626.21 1.671q-.21.992-.941 2.037q-.731.992-1.671 1.567q-.993.626-1.933.522l-.574-.104a1.9 1.9 0 0 1-.575-.314a3 3 0 0 1-.574-.418q-.21-.209-.523-.574q-.94-1.201-.73-2.194q.104-.888 1.096-1.567q.888-.626 2.141-.94t2.403-.26l.574.051l.47.105q.21.104.366.209z"/></g></svg>

Owncast Light アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:owncast-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:owncast-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:owncast-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--owncast-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:owncast-light"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:owncast-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/owncast-light.svg" alt="Owncast Light アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Owncast Light アイコン

Owncast Light アイコン のよくある質問

Owncast Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Owncast Light アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:owncast-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Owncast Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/owncast-light.svg" alt="Owncast Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →