Frigate アイコン
simple-icons:frigate
Frigate アイコン(simple-icons:frigate)は、Simple Icons セットの無料 SVG アイコンです(作者: Simple Icons Collaborators)。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.892.036c-.066.078-4.134 1.356-5.313 1.679c-1.089.3-4.201 1.49-4.646 1.778c-.144.1-.255.267-.255.378s.278.622.611 1.134c.756 1.156.778 1.434.211 2.767c-.556 1.29-.9 1.7-1.8 2.123c-.412.19-.867.467-1.023.6c-.156.134-.556.356-.89.478c-.333.123-.622.3-.644.39c-.033.144.022.144.4.022c.6-.212.912-.112.912.289c0 .355-.445.666-1.623 1.156c-2.823 1.144-3.646 1.511-4.024 1.822c-.578.445-.655.856-.355 1.79c.122.378.222.811.222.945c0 .233.589 1.923 1.5 4.323c.367.956 1.123 2.279 1.312 2.29c.056 0 .067-.256.022-.567c-.066-.5-.166-3.245-.189-5.602c-.022-1.2.223-1.767 1.112-2.634c.844-.834 2.123-1.712 3.256-2.256c.756-.356.834-.378 1.701-.312c.934.067 2.479-.144 3.323-.444c.3-.111.578-.122.89-.067c.6.111 4.412.122 4.412.011c0-.044-.356-.144-.789-.21c-1.167-.179-1.19-.334-.056-.423c1.845-.156.834-.39-1.69-.39c-1.655 0-1.978-.088-2.567-.7c-.578-.61-.855-2.211-.555-3.19c.066-.21.155-1.111.21-2c.045-.89.123-1.7.168-1.812c.1-.256 1.344-.978 2.512-1.456c.51-.211 1.333-.556 1.822-.767c.778-.333 1.845-.789 2.557-1.078c.167-.078.122-.1-.234-.1c-.244-.011-.478.011-.5.033"/></svg>Frigate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:frigate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:frigate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:frigate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--frigate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:frigate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:frigate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/frigate.svg" alt="Frigate アイコン" width="24" height="24">他のアイコンセットの Frigate アイコン
Frigate アイコン のよくある質問
Frigate アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Frigate アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:frigate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Frigate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/frigate.svg" alt="Frigate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。