Incognito アイコン

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

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

reicon:incognito

Incognito アイコン(reicon:incognito)は、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="M10.388 3.25h3.224c1.085 0 1.966 0 2.675.085c.74.088 1.374.276 1.928.71c.555.432.892 1.002 1.157 1.698c.254.667.467 1.522.73 2.574l.484 1.933H22a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5h1.414l.484-1.933c.263-1.052.476-1.907.73-2.574c.266-.696.602-1.266 1.157-1.699c.554-.433 1.189-.62 1.928-.71c.709-.084 1.59-.084 2.675-.084m-5.427 7h14.078l-.38-1.523c-.278-1.11-.47-1.877-.69-2.45c-.21-.555-.418-.848-.677-1.05s-.594-.332-1.183-.403c-.61-.073-1.4-.074-2.544-.074h-3.13c-1.144 0-1.935.001-2.544.074c-.59.07-.924.2-1.183.403c-.26.202-.466.495-.678 1.05c-.218.573-.411 1.34-.689 2.45zm1.539 4.5a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5M2.25 17.5a4.25 4.25 0 0 1 8.35-1.125a3.75 3.75 0 0 1 2.8 0a4.252 4.252 0 0 1 8.35 1.125a4.25 4.25 0 0 1-8.474.477l-.27-.135a2.25 2.25 0 0 0-2.012 0l-.27.135A4.25 4.25 0 0 1 2.25 17.5m15.25-2.75a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5" clip-rule="evenodd"/></svg>

Incognito アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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