Screen Dub アイコン
gis:screen-dub
Screen Dub アイコン(gis:screen-dub)は、Font-GIS セットの無料 SVG アイコンです(作者: Jean-Marc Viglino)。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font-GIS
- 作者
- Jean-Marc Viglino
- ライセンス
- CC-BY-4.0
- サイズ
- 100 × 100
- カテゴリ
- タグ
- screendub
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M76.537 35.625q4.239 0 6.66 2.285t2.422 5.684q0 1.934-.703 3.691q-.684 1.738-2.187 3.653q-.997 1.269-3.594 3.652t-3.301 3.164a10 10 0 0 0-1.113 1.523h10.898v5.098H66.381q.312-2.89 1.875-5.469q1.563-2.597 6.172-6.875q3.71-3.457 4.55-4.687q1.133-1.7 1.133-3.36q0-1.836-.996-2.812q-.976-.996-2.715-.996q-1.718 0-2.734 1.035t-1.172 3.437l-5.469-.546q.489-4.532 3.067-6.504q2.578-1.973 6.445-1.973m-52.701 0h4.453v28.75h-5.488V43.691q-3.008 2.813-7.09 4.16v-4.98q2.148-.703 4.668-2.656q2.52-1.972 3.457-4.59M47.5 17.5h5v65h-5zm-45-5A2.5 2.5 0 0 0 0 15v70a2.5 2.5 0 0 0 2.5 2.5h95A2.5 2.5 0 0 0 100 85V15a2.5 2.5 0 0 0-2.5-2.5z" color="currentColor"/></svg>Screen Dub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:screen-dub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:screen-dub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:screen-dub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--screen-dub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:screen-dub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:screen-dub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/screen-dub.svg" alt="Screen Dub アイコン" width="24" height="24">Font-GIS の関連アイコン
Screen Dub アイコン のよくある質問
Screen Dub アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Screen Dub アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:screen-dub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screen Dub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/screen-dub.svg" alt="Screen Dub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。