Incognito Mode Flat アイコン
streamline-flex-color:incognito-mode-flat
Incognito Mode Flat アイコン(streamline-flex-color:incognito-mode-flat)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- プログラミング
- タグ
- incognitomode、modeflat、incognitomodeflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M4.753.658C5.46.588 6.22.51 7 .51s1.54.076 2.246.147l.215.02a1.59 1.59 0 0 1 1.358 1.117l.03.095c.295.957.769 2.492.843 3.863a1 1 0 0 1 0 .142H13a.75.75 0 0 1 0 1.5H1a.75.75 0 0 1 0-1.5h1.307a1 1 0 0 1 0-.142c.075-1.37.548-2.906.844-3.863l.03-.095A1.59 1.59 0 0 1 4.538.679z"/><path fill="#2859c5" d="M3.092 10.173c-.14.14-.267.393-.267.853s.127.714.267.853c.139.14.393.267.853.267s.714-.127.853-.267c.14-.139.267-.393.267-.853s-.127-.714-.267-.853c-.139-.14-.393-.267-.853-.267s-.714.127-.853.267M2.03 9.113c.496-.497 1.178-.707 1.914-.707s1.418.21 1.914.706c.2.201.355.432.467.685a2.75 2.75 0 0 1 1.361.004q.165-.361.451-.65c.497-.496 1.178-.706 1.914-.706s1.418.21 1.914.706c.496.497.706 1.178.706 1.914s-.21 1.418-.706 1.914s-1.178.706-1.914.706s-1.417-.21-1.914-.706c-.444-.445-.659-1.038-.699-1.686a1.25 1.25 0 0 0-.884.002c-.046.632-.26 1.21-.696 1.645c-.496.496-1.178.706-1.914.706s-1.418-.21-1.914-.706s-.706-1.178-.706-1.914s.21-1.418.706-1.914m6.901 1.952c0-.46.128-.714.267-.853c.14-.14.393-.267.853-.267s.714.127.854.267c.139.14.266.393.266.853s-.127.714-.266.853c-.14.14-.394.267-.854.267s-.714-.127-.853-.267c-.14-.139-.267-.393-.267-.853"/></g></svg>Incognito Mode Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:incognito-mode-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:incognito-mode-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:incognito-mode-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--incognito-mode-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:incognito-mode-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:incognito-mode-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/incognito-mode-flat.svg" alt="Incognito Mode Flat アイコン" width="24" height="24">Flex color icons の関連アイコン
他のアイコンセットの Incognito Mode Flat アイコン
Incognito Mode Flat アイコン のよくある質問
Incognito Mode Flat アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Incognito Mode Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:incognito-mode-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Incognito Mode Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/incognito-mode-flat.svg" alt="Incognito Mode Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。