Firefox アイコン

Q: Firefox アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

grommet-icons:firefox

Firefox アイコン(grommet-icons:firefox)は、Grommet Icons セットの無料 SVG アイコンです（作者: Grommet）。 24 × 24 のグリッドで描かれています。 Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m4.25 1l-.145 3.684c.624-.154 1.235-.246 1.83.01c1.291-1.768 3.148-2.376 5.194-2.6l.038.06q-.06.068-.122.131a9.5 9.5 0 0 0-1.948 2.847c-.134.306-.166.658-.238.99c-.029.129.037.198.168.216c.607.083 1.212.18 1.822.25c.382.043.769.051 1.154.067c.18.008.258.097.262.267c.015.684-.213 1.27-.759 1.69a4.4 4.4 0 0 1-1.781.804q-.1.024-.208.054l.198 2.515l-1.854-.888c-.186.392-.2.78-.082 1.176c.316 1.073 1.431 1.695 2.586 1.41c.404-.1.795-.27 1.176-.444c.376-.17.729-.39 1.096-.583c.622-.324 1.249-.296 1.874-.006c.09.041.18.095.249.165c.234.234.417.503.323.857c-.091.342-.34.54-.677.611a3 3 0 0 1-.594.059c-.132-.001-.202.042-.274.148c-.68 1.009-1.562 1.752-2.79 1.964c-.517.09-1.05.075-1.576.104c-.07.004-.14-.006-.255-.012c.07.064.105.104.147.135c1.39 1.027 2.927 1.378 4.614.974c1.381-.33 2.61-.949 3.623-1.965c.966-.968 1.408-2.15 1.422-3.496c.014-1.353-.288-2.634-.98-3.807c-.121-.205-.279-.39-.454-.63c1.19.54 2.24 1.153 2.727 2.42c.143-1.582-.148-3.08-.758-4.525c-.61-1.444-1.485-2.695-2.682-3.731c.05.01.1.018.149.034c2.694.844 4.763 2.45 6.056 4.991c.626 1.23.946 2.552 1.111 3.913c.177 1.457.156 2.906-.216 4.338c-.622 2.398-1.935 4.359-3.753 6.013c-1.73 1.574-3.745 2.595-6.052 2.887c-5.14.651-9.19-1.198-12.063-5.526C.665 16.849.126 14.92.023 12.859C-.144 9.51.61 6.385 2.272 3.478A9.9 9.9 0 0 1 4.049 1.18c.05-.048.102-.093.2-.181"/></svg>

Firefox アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="grommet-icons:firefox" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="grommet-icons:firefox" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="grommet-icons:firefox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--firefox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:firefox"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="grommet-icons:firefox"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/firefox.svg" alt="Firefox アイコン" width="24" height="24">

他のアイコンセットの Firefox アイコン

Firefox アイコンのよくある質問

Firefox アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Firefox アイコンを使うには?

@iconify/react をインストールして <Icon icon="grommet-icons:firefox" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Firefox アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/grommet-icons/firefox.svg" alt="Firefox アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Grommet Icons をすべて見る →