Mozilla アイコン

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

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

logos:mozilla

Mozilla アイコン(logos:mozilla)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 165 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 165

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="165" viewBox="0 0 512 165"><path d="M0 0h512v164.198H0zm144.94 123.834l-.008-14.682h-9v-30.92c0-16.054-11.107-23.408-23.257-23.408c-10.656 0-18.302 5.558-22.054 14.558c-3.3-9.903-12.319-14.558-22.053-14.558c-9.443 0-16.496 4.354-20.55 11.549V56.178H18.93v14.7h9.734v38.274h-9v14.7h41.257v-14.7H48.054V85.577c0-9.452 3.752-16.054 13.053-16.054c7.655 0 11.55 4.505 11.55 16.204v38.125h28.318v-14.7H92.02V85.577c0-9.452 3.753-16.054 13.054-16.054c7.646 0 11.548 4.505 11.548 16.204v38.107zm43.054 1.496v.008c21.603 0 37.205-13.655 37.187-35.266c0-18.903-11.876-35.257-36.16-35.257s-36.284 16.354-36.284 36.16c0 21.602 14.407 34.355 35.257 34.355m.744-55.656c9.16 0 16.504 6.15 16.531 19.805c0 12.903-6.602 21-16.655 21c-10.531 0-15.93-9-15.93-20.699c0-12.761 6.15-20.106 16.054-20.106m106.975 54.16l4.16-23.69l-15.302-1.496l-3.15 10.504h-21.868l37.523-42.78l-1.496-10.203h-59.47l-2.398 23.708l13.956 1.496l3-10.505h21.15L234.65 113.63l1.947 10.204zm36.602-43.364V56.178h-20.257V80.47zm0 43.364V99.533h-20.257v24.301zm10.62 0h19.08l29.257-103.179H372.22zm39.31 0h19.08l29.24-103.179h-19.053zm100.816 1.496l.027.008a26.2 26.2 0 0 0 12.186-3.185l-.15-10.204c-.924.285-1.884.437-2.85.451c-3.16 0-4.655-1.354-4.655-5.257V77.736c0-15.452-12.301-22.956-26.859-22.956c-11.106 0-17.106 1.39-28.956 6.195l-3 17.548l15.451 1.655l2.505-9.602c3.15-1.646 6.3-1.946 10.354-1.946c10.956 0 11.106 8.247 11.106 15.15v2.248a89 89 0 0 0-11.106-.602c-15.451 0-31.505 3.894-31.505 20.55c0 14.097 11.115 19.354 20.85 19.354c10.947 0 17.85-6.602 21.753-13.505c.902 8.248 5.85 13.505 14.85 13.505m-37.478-21.603c0-7.345 6-9.292 12.93-9.283a72 72 0 0 1 9.734.885c-.442 11.248-7.797 16.204-14.7 16.204c-5.867 0-7.964-3.451-7.964-7.806"/></svg>

Mozilla アイコンの使い方

React

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

<Icon icon="logos:mozilla" width="24" />

Vue

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

<template>
  <Icon icon="logos:mozilla" width="24" />
</template>

Svelte

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

<Icon icon="logos:mozilla" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mozilla]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:mozilla"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/mozilla.svg" alt="Mozilla アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →