Panorama アイコン

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

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

reicon:panorama

Panorama アイコン(reicon:panorama)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 動画

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.797 3.357a2.34 2.34 0 0 1 2.387-.291c.71.311 1.328.683 1.779 1.124c.453.442.787 1.005.787 1.67v12.716c0 .793-.47 1.436-1.064 1.916c-.6.486-1.422.89-2.372 1.215c-1.907.653-4.493 1.043-7.314 1.043s-5.407-.39-7.314-1.043c-.95-.325-1.772-.73-2.372-1.215c-.594-.48-1.064-1.123-1.064-1.916V5.86c0-.665.334-1.228.787-1.67c.451-.44 1.069-.813 1.78-1.124a2.34 2.34 0 0 1 2.386.29A2.7 2.7 0 0 1 7.25 5.503V8.11c1.394.268 3.015.424 4.75.424s3.356-.156 4.75-.424V5.502c0-.877.413-1.663 1.047-2.145m.453 4.396c.884-.256 1.601-.558 2.12-.881c.723-.45.88-.816.88-1.012c0-.13-.061-.33-.335-.597c-.276-.27-.717-.553-1.333-.823a.84.84 0 0 0-.877.11a1.2 1.2 0 0 0-.455.952zm3 .337l-.087.055c-.884.55-2.098.99-3.498 1.306c-1.639.37-3.585.583-5.665.583S7.974 9.82 6.335 9.45c-1.4-.316-2.614-.756-3.498-1.306L2.75 8.09v9.753l3.043-2.848l1.372-1.149a2.59 2.59 0 0 1 3.432.111l3.32 3.177a.85.85 0 0 0 1.049.084l.23-.155a3.155 3.155 0 0 1 3.798.22l2.043 1.76c.17-.202.213-.36.213-.467zm-1.495 11.828l-1.74-1.498a1.655 1.655 0 0 0-1.981-.112l-.231.155a2.35 2.35 0 0 1-2.922-.245L9.56 15.04a1.09 1.09 0 0 0-1.432-.044l-1.34 1.121l-3.475 3.252c.413.319 1.037.636 1.859.918c1.712.586 4.126.962 6.828.962s5.116-.376 6.828-.962q.517-.177.927-.37M2.75 5.86c0 .196.157.562.88 1.012c.519.323 1.236.625 2.12.881v-2.25c0-.406-.191-.751-.455-.952a.84.84 0 0 0-.877-.111c-.616.27-1.057.554-1.333.823c-.274.267-.335.467-.335.597M18 12.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-2.25.75a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" clip-rule="evenodd"/></svg>

Panorama アイコンの使い方

React

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

<Icon icon="reicon:panorama" width="24" />

Vue

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

<template>
  <Icon icon="reicon:panorama" width="24" />
</template>

Svelte

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

<Icon icon="reicon:panorama" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:panorama"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/panorama.svg" alt="Panorama アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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