Browserless Light アイコン
thesvg-color:browserless-light
Browserless Light アイコン(thesvg-color:browserless-light)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 156 × 41 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 156 × 41
- タグ
- browserlesslight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="156" height="41" viewBox="0 0 156 41"><g clip-path="url(#SVGHYmOteiq)"><path d="M11.674 15.682V6.956L7.768 4.65v19.39l6.474-3.031l.01 4.242l-10.326 5.136V2.324L.042.04L0 32.387l3.747 2.516l14.41-7.158l-.02-8.252zm25.231 1.337a3.4 3.4 0 0 0-1.495-1.053a6.7 6.7 0 0 0-2.178-.315a7 7 0 0 0-2.58.642V12.83l-3.157-1.674v17.01h4.663c.935.017 1.87-.086 2.779-.305a4 4 0 0 0 1.842-1.053c.519-.535.883-1.2 1.053-1.926c.23-.968.336-1.962.315-2.958a13.2 13.2 0 0 0-.368-2.937a4.85 4.85 0 0 0-.874-1.968m-2.168 6.41c-.062.38-.21.74-.432 1.053a1.7 1.7 0 0 1-.842.6a4.2 4.2 0 0 1-1.305.18l-.58.041l-.904-.073v-6.4l.337-.074a6.4 6.4 0 0 1 1.81-.242c1.347 0 2.01 1.052 2.01 3.231q.019.845-.094 1.685m9.252-7.494h-3.157v11.947h3.157v-8.01l.485-.158c.463-.148.968-.295 1.516-.432a34 34 0 0 1 1.8-.41V15.65c-1.351.3-2.643.822-3.822 1.547zm10.948-.284a6.6 6.6 0 0 0-2.58.442a4.15 4.15 0 0 0-1.704 1.252a5.1 5.1 0 0 0-.927 1.958a10.8 10.8 0 0 0-.252 2.58q0 6.315 5.494 6.315q5.495 0 5.495-6.316a7.37 7.37 0 0 0-1.263-4.6a5.02 5.02 0 0 0-4.263-1.631m1.768 8.947a1.83 1.83 0 0 1-1.768.842a2.1 2.1 0 0 1-1.232-.316a2.1 2.1 0 0 1-.673-.842a3.7 3.7 0 0 1-.285-1.147a13 13 0 0 1-.063-1.253a5.6 5.6 0 0 1 .484-2.684a2.294 2.294 0 0 1 3.537 0c.375.843.537 1.764.474 2.684c.06.93-.102 1.861-.474 2.716m18.21.558h-.568l-1.82-8.99h-3.295l-1.822 8.99h-.568l-1.463-9.221h-3.158l2.274 11.947h5.02l1.359-7.316l1.368 7.316h5.01l2.274-11.947H76.38zm15.18-3.41a3.2 3.2 0 0 0-1.053-.706a7.2 7.2 0 0 0-1.674-.442a28 28 0 0 1-1.568-.305a6 6 0 0 1-.821-.221a.67.67 0 0 1-.484-.653a.73.73 0 0 1 .358-.663a3.35 3.35 0 0 1 1.537-.221q.6 0 1.61.095c.674.063 1.516.168 2.526.294v-2.652l-.79-.148a28 28 0 0 0-2.189-.347q-.823-.099-1.652-.105a6.4 6.4 0 0 0-1.853.242a4 4 0 0 0-1.463.716a3.4 3.4 0 0 0-.958 1.189a3.8 3.8 0 0 0-.347 1.674c0 .545.093 1.086.273 1.6c.135.403.37.765.685 1.052a3.2 3.2 0 0 0 1.147.674a9.4 9.4 0 0 0 1.621.39c.778.11 1.546.285 2.295.526a.715.715 0 0 1 .431.674a.71.71 0 0 1-.41.663a3.5 3.5 0 0 1-1.58.242q-.588 0-1.61-.095a81 81 0 0 1-2.516-.284l-.094 2.674l.758.136c1.26.264 2.543.409 3.831.432q4.8 0 4.8-3.863a5.3 5.3 0 0 0-.19-1.516a2.5 2.5 0 0 0-.62-1.053m8.168-6.095c-3.516 0-5.263 2.105-5.263 6.42a7.18 7.18 0 0 0 1.221 4.664a4.88 4.88 0 0 0 3.926 1.431a21 21 0 0 0 4.969-.663v-2.368l-.663.073a50 50 0 0 1-3.969.137a2.4 2.4 0 0 1-1.631-.484a2.1 2.1 0 0 1-.569-1.59h7.021l.169-2.178q0-5.442-5.21-5.442m-2.105 5.179a3.3 3.3 0 0 1 .484-1.969a1.97 1.97 0 0 1 1.61-.59a1.9 1.9 0 0 1 1.59.569c.354.6.509 1.296.442 1.99zm13.147-4.895h-3.158v11.947h3.158v-8.01l.484-.158c.464-.148.969-.295 1.516-.432a34 34 0 0 1 1.8-.41V15.65a12.4 12.4 0 0 0-3.821 1.547zm6.211-4.78h3.2v16.727h-3.2zm11.358 4.496q-5.263 0-5.263 6.42a7.17 7.17 0 0 0 1.221 4.664a4.86 4.86 0 0 0 3.915 1.431a21 21 0 0 0 4.979-.663l-.052-2.368l-.674.073a49 49 0 0 1-3.958.137a2.38 2.38 0 0 1-1.631-.484a2.1 2.1 0 0 1-.569-1.59h7.021l.242-2.22q-.021-5.4-5.231-5.4m-2.106 5.179a3.3 3.3 0 0 1 .495-1.969a1.95 1.95 0 0 1 1.611-.59a1.9 1.9 0 0 1 1.589.569c.354.6.509 1.296.442 1.99zm18.116.915a3.15 3.15 0 0 0-1.052-.705a7.3 7.3 0 0 0-1.632-.442a28 28 0 0 1-1.558-.305a6 6 0 0 1-.831-.221a.665.665 0 0 1-.474-.653a.72.72 0 0 1 .358-.663a3.26 3.26 0 0 1 1.526-.221q.6 0 1.611.095a82 82 0 0 1 2.526.294v-2.652l-.79-.148a30 30 0 0 0-2.189-.347a15 15 0 0 0-1.663-.105a6.5 6.5 0 0 0-1.853.242a3.9 3.9 0 0 0-1.452.716a3.3 3.3 0 0 0-.958 1.189a3.8 3.8 0 0 0-.348 1.674c-.015.538.06 1.075.221 1.59c.139.4.374.762.685 1.052c.332.3.723.529 1.147.673q.793.267 1.621.39a13.5 13.5 0 0 1 2.295.526a.747.747 0 0 1 0 1.337c-.501.2-1.041.283-1.579.242q-.6 0-1.611-.095a85 85 0 0 1-2.526-.284l-.095 2.674l.769.137a20.4 20.4 0 0 0 3.821.431q4.8 0 4.8-3.863a5.3 5.3 0 0 0-.19-1.516a2.5 2.5 0 0 0-.579-1.042m12.263 1.042a2.5 2.5 0 0 0-.621-1.052a3.1 3.1 0 0 0-1.105-.706a7.2 7.2 0 0 0-1.621-.442a28 28 0 0 1-1.568-.305a6 6 0 0 1-.821-.22a.665.665 0 0 1-.474-.654a.72.72 0 0 1 .358-.663a3.26 3.26 0 0 1 1.526-.22q.6-.001 1.611.094c.673.063 1.515.168 2.526.295V16.26l-.79-.147a33 33 0 0 0-2.179-.348a15 15 0 0 0-1.663-.105a6.4 6.4 0 0 0-1.852.242a4 4 0 0 0-1.463.716c-.405.32-.733.726-.958 1.19a3.8 3.8 0 0 0-.337 1.673a4.8 4.8 0 0 0 .221 1.59a2.5 2.5 0 0 0 .684 1.052c.333.3.723.53 1.147.674a9.4 9.4 0 0 0 1.706.4c.778.11 1.546.286 2.294.526a.72.72 0 0 1 .432.674a.71.71 0 0 1-.411.663a3.44 3.44 0 0 1-1.568.242c-.4 0-.937 0-1.621-.095c-.684-.094-1.516-.157-2.516-.284l-.095 2.674l.758.137a20.5 20.5 0 0 0 3.832.431q4.8 0 4.8-3.863a5.3 5.3 0 0 0-.232-1.516"/></g><defs><clipPath id="SVGHYmOteiq"><path fill="#fff" d="M0 .04h155.789v40H0z"/></clipPath></defs></svg>Browserless Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:browserless-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:browserless-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:browserless-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--browserless-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:browserless-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:browserless-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/browserless-light.svg" alt="Browserless Light アイコン" width="24" height="24">theSVG Color の関連アイコン
Browserless Light アイコン のよくある質問
Browserless Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Browserless Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:browserless-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Browserless Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/browserless-light.svg" alt="Browserless Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。