Incognito Mode Solid アイコン
streamline-flex:incognito-mode-solid
Incognito Mode Solid アイコン(streamline-flex:incognito-mode-solid)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- プログラミング
- タグ
- incognitomode、modesolid、incognitomodesolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7 .511c-.78 0-1.54.076-2.247.147l-.214.02A1.59 1.59 0 0 0 3.18 1.796l-.03.095c-.295.957-.768 2.492-.842 3.863a1 1 0 0 0 0 .142H1a.75.75 0 1 0 0 1.5h12a.75.75 0 0 0 0-1.5h-1.308a1 1 0 0 0 0-.142c-.074-1.37-.548-2.906-.844-3.863l-.029-.095A1.59 1.59 0 0 0 9.46.679L9.246.658C8.54.588 7.78.51 7 .51M2.825 11.026c0-.46.128-.714.267-.853c.14-.14.393-.267.853-.267s.714.127.854.267c.139.139.266.393.266.853s-.127.714-.266.853c-.14.14-.393.267-.854.267s-.714-.127-.853-.267c-.14-.14-.267-.393-.267-.853m1.12-2.62c-.736 0-1.417.21-1.914.706s-.706 1.178-.706 1.914s.21 1.418.706 1.914c.497.496 1.178.706 1.914.706c.737 0 1.418-.21 1.914-.706c.435-.435.65-1.013.696-1.645c.284-.109.6-.11.885-.002c.04.648.254 1.241.698 1.686c.497.496 1.178.706 1.914.706c.737 0 1.418-.21 1.914-.706c.497-.496.706-1.178.706-1.914s-.21-1.418-.706-1.914s-1.177-.706-1.914-.706s-1.417.21-1.914.706q-.286.289-.45.65a2.75 2.75 0 0 0-1.362-.004a2.3 2.3 0 0 0-.467-.685c-.496-.496-1.177-.706-1.914-.706M9.2 10.212c-.14.14-.266.393-.266.853s.127.714.266.853c.14.14.393.267.853.267s.714-.127.854-.267c.14-.139.266-.393.266-.853s-.127-.714-.266-.853c-.14-.14-.393-.267-.854-.267s-.714.127-.853.267" clip-rule="evenodd"/></svg>Incognito Mode Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:incognito-mode-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:incognito-mode-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:incognito-mode-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--incognito-mode-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:incognito-mode-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:incognito-mode-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/incognito-mode-solid.svg" alt="Incognito Mode Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Incognito Mode Solid アイコン
Incognito Mode Solid アイコン のよくある質問
Incognito Mode Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Incognito Mode Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:incognito-mode-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Incognito Mode Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/incognito-mode-solid.svg" alt="Incognito Mode Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。