Periscope アイコン

Q: Periscope アイコンは商用利用でも無料ですか?

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

fontisto:periscope

Periscope アイコン(fontisto:periscope)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 19 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 19 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24"><path fill="currentColor" d="M16.499 3.001a9.9 9.9 0 0 1 2.062 3.168l.024.066a9.4 9.4 0 0 1 .68 3.809v-.013a12.1 12.1 0 0 1-1.484 5.313l.032-.063a29 29 0 0 1-2.4 3.877l.056-.08q-1.078 1.406-2.25 2.672Q11.016 24 9.798 24q-1.125 0-2.909-1.594a24.7 24.7 0 0 1-2.955-3.266l-.045-.062a22 22 0 0 1-2.287-3.624l-.057-.126A11.7 11.7 0 0 1 .002 10.06l-.001-.028v-.076a9.75 9.75 0 0 1 1.361-4.985l-.025.045a10.3 10.3 0 0 1 3.518-3.631l.044-.025A9.13 9.13 0 0 1 9.719 0h.082h-.004h.008c1.305 0 2.543.285 3.656.796l-.055-.022a9.6 9.6 0 0 1 3.088 2.221l.006.006zM9.796 23.156q.656 0 2.086-1.313a23 23 0 0 0 2.834-3.214l.046-.066a24.7 24.7 0 0 0 2.516-4.117l.065-.149a10.4 10.4 0 0 0 1.078-4.245l.001-.02v-.039a9.3 9.3 0 0 0-1.197-4.579l.024.047a9.1 9.1 0 0 0-3.125-3.352l-.037-.022A7.9 7.9 0 0 0 9.817.845h-.019h.001h-.058a8.5 8.5 0 0 0-4.479 1.264l.037-.021a8.9 8.9 0 0 0-3.214 3.329l-.023.046a9.3 9.3 0 0 0-1.175 4.559v.063v-.003a10.5 10.5 0 0 0 1.108 4.278l-.028-.06a23.5 23.5 0 0 0 2.664 4.318l-.039-.053a20.8 20.8 0 0 0 2.934 3.265l.019.017q1.502 1.312 2.25 1.312zM15 9.7v.02a4.8 4.8 0 0 1-.715 2.532l.012-.021a5.4 5.4 0 0 1-1.873 1.862l-.025.014a5 5 0 0 1-2.568.703h-.035h.002a5.42 5.42 0 0 1-3.801-1.407l.005.004a5.03 5.03 0 0 1-1.687-3.357l-.001-.018A5.06 5.06 0 0 1 5.446 6.32l-.007.009v.007c0 .579.243 1.1.632 1.469l.001.001c.374.39.899.633 1.481.633h.02h-.001h.028a1.97 1.97 0 0 0 1.448-.632l.001-.001c.377-.374.61-.891.61-1.464v-.019c0-.419-.131-.806-.355-1.124l.004.006a2.4 2.4 0 0 0-.901-.794l-.014-.006a5 5 0 0 1 1.314-.171c.701 0 1.369.141 1.977.395l-.034-.013a5.33 5.33 0 0 1 2.425 1.996l.012.02c.573.849.915 1.895.915 3.022v.05v-.003z"/></svg>

Periscope アイコンの使い方

React

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

<Icon icon="fontisto:periscope" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:periscope" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:periscope" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--periscope]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:periscope"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:periscope"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/periscope.svg" alt="Periscope アイコン" width="24" height="24">

他のアイコンセットの Periscope アイコン

Periscope アイコンのよくある質問

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

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

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

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

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

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

Fontisto アイコンをすべて見る →