Screen Mag アイコン
gis:screen-mag
Screen Mag アイコン(gis:screen-mag)は、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
- カテゴリ
- タグ
- screenmag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m44.366 61.38l-7.974 2.618a19.8 19.8 0 0 0 12.482 5.518zm25.401-8.334l-19.75 6.48l5.198 9.382a19.9 19.9 0 0 0 7.619-3.919a19.8 19.8 0 0 0 6.933-11.943m-39.396-5.328a19.8 19.8 0 0 0 2.28 11.357l7.38-2.42zm37.466-7.159l-4.111 8.32l6.136-2.012c-.31-2.167-.984-4.3-2.025-6.308m-18.392-4.772a4.984 4.984 0 0 1 5.02 5.005a4.985 4.985 0 0 1-5.02 5.007a4.985 4.985 0 0 1-5.021-5.007a4.984 4.984 0 0 1 5.02-5.005m0-4.414c-5.193 0-9.447 4.241-9.447 9.42a9.33 9.33 0 0 0 1.725 5.403l6.568 8.91c.92 1.203 1.533.974 2.298-.063l7.247-9.884c.146-.265.26-.545.36-.833a9.3 9.3 0 0 0 .695-3.534c0-5.178-4.254-9.419-9.446-9.419m1.266-8.906a25 25 0 0 0-1.137.01c-19.346-.536-33.704 23.187-24.09 40.07c7.63 15.659 31.001 20.382 43.461 7.735c12.163-11.063 11.582-32.996-2.387-42.358c-4.556-3.379-10.165-5.376-15.847-5.457m-.567 5.106c5.735 0 11.47 2.196 15.864 6.59a22.386 22.386 0 0 1 0 31.726a22.384 22.384 0 0 1-31.725 0a22.386 22.386 0 0 1 0-31.726a22.36 22.36 0 0 1 15.861-6.59" color="currentColor"/><path fill="currentColor" d="M5 17.5h90v65H5Zm-2.5-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 Mag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:screen-mag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:screen-mag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:screen-mag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--screen-mag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:screen-mag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:screen-mag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/screen-mag.svg" alt="Screen Mag アイコン" width="24" height="24">Font-GIS の関連アイコン
Screen Mag アイコン のよくある質問
Screen Mag アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Screen Mag アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:screen-mag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screen Mag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/screen-mag.svg" alt="Screen Mag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。