Focus Frame Remix アイコン
streamline-flex:focus-frame-remix
Focus Frame Remix アイコン(streamline-flex:focus-frame-remix)は、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
- カテゴリ
- 画像・写真
- タグ
- focusframe、frameremix、focusframeremix
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="M13.768 4.09C13.891 5.018 14 5.995 14 7s-.11 1.983-.23 2.908l-.001.004c-.106.773-.517 1.472-1.135 1.991c-.616.518-1.407.834-2.24.914h-.003C9.3 12.915 8.164 13 7 13s-2.3-.085-3.39-.183h-.003c-.833-.08-1.624-.396-2.24-.914c-.618-.52-1.029-1.218-1.135-1.991v-.003C.109 8.983 0 8.006 0 7s.109-1.982.232-2.91v-.002c.106-.773.517-1.472 1.135-1.991c.616-.518 1.407-.834 2.24-.914h.003C4.7 1.085 5.835 1 7 1s2.301.085 3.39.183h.003c.833.08 1.624.396 2.24.914c.618.52 1.029 1.218 1.135 1.991zm-1.239.167c-.06-.436-.296-.863-.7-1.204a2.84 2.84 0 0 0-1.553-.625C9.198 2.33 8.107 2.25 7 2.25s-2.197.08-3.276.178a2.84 2.84 0 0 0-1.553.625c-.404.34-.64.768-.7 1.204C1.349 5.17 1.25 6.08 1.25 7s.1 1.831.22 2.743c.06.436.297.863.701 1.204a2.84 2.84 0 0 0 1.554.625c1.078.098 2.169.178 3.275.178s2.197-.08 3.277-.178a2.84 2.84 0 0 0 1.553-.625c.404-.34.64-.768.7-1.203c.12-.915.22-1.824.22-2.744s-.1-1.831-.22-2.743M4.548 5.49c.33-.068.594-.085.998-.072a.75.75 0 1 0 .05-1.499c-.736-.024-1.176.04-1.883.231a.75.75 0 0 0-.535.555C2.998 5.48 2.953 6 2.953 6.97a.75.75 0 1 0 1.5 0c0-.667.022-1.06.095-1.48m3.906 3.09c.404.013.668-.004.998-.072c.073-.42.095-.812.095-1.48a.75.75 0 1 1 1.5 0c0 .97-.046 1.491-.225 2.265a.75.75 0 0 1-.535.555c-.708.191-1.147.255-1.883.23a.75.75 0 1 1 .05-1.498" clip-rule="evenodd"/></svg>Focus Frame Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:focus-frame-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:focus-frame-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:focus-frame-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--focus-frame-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:focus-frame-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:focus-frame-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/focus-frame-remix.svg" alt="Focus Frame Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
Focus Frame Remix アイコン のよくある質問
Focus Frame Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Focus Frame Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:focus-frame-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Focus Frame Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/focus-frame-remix.svg" alt="Focus Frame Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。