Frontapp アイコン
logos:frontapp
Frontapp アイコン(logos:frontapp)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 366 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 366
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="366" viewBox="0 0 256 366"><defs><linearGradient id="SVGR2kvIebn" x1="12.519%" x2="88.228%" y1="85.213%" y2="10.023%"><stop offset="0%" stop-color="#ff0057" stop-opacity=".16"/><stop offset="86.135%" stop-color="#ff0057"/></linearGradient></defs><path fill="#001b38" d="M0 60.854C0 27.245 27.245 0 60.854 0h195.143v86.6c0 16.804-13.623 30.427-30.427 30.427h-79.762c-15.805.25-28.565 13.033-28.781 28.846v189.41c0 16.804-13.622 30.427-30.427 30.427H0z"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#SVGR2kvIebn)" transform="rotate(90 147.013 147.015)"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#SVGR2kvIebn)" opacity=".5" transform="rotate(90 147.013 147.015)"/></svg>Frontapp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:frontapp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:frontapp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:frontapp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--frontapp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:frontapp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:frontapp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/frontapp.svg" alt="Frontapp アイコン" width="24" height="24">Frontapp アイコン のよくある質問
Frontapp アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Frontapp アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:frontapp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Frontapp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/frontapp.svg" alt="Frontapp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。