Maple Leaf アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:maple-leaf

Maple Leaf アイコン(game-icons:maple-leaf)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: mapleleaf

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M175.094 25.593c-37.263 98.702-18.844 171.333 29.812 231.78c-55.864-32.94-102.02-39.746-176.562-29.5c36.104 103.52 114.96 147.68 199.53 147.72c-11.347 26.98-13.91 56.395-4.374 88.938c36.643-23.08 58.91-47.936 68.906-78.468c35.98 50.032 94.496 84.814 134.625 96.844l14.595 4.687l-2.344-15.187c-2.565-14.66-.2-24.85 5.845-35.063c6.046-10.21 15.88-20.01 28.03-30.937l21.032-18.688l-28.03 2.344c-36.735 3.018-73.025-3.842-108.813-33.906c24.9-.342 49.864-6.29 84.843-16.157c-18.744-22.37-40.422-35.795-64.468-42.594c51.884-67.147 81.588-166.79 52.936-233.063c-82.263 37.32-123.16 89.803-138.75 152.406C280.17 141.16 244.118 77.825 175.094 25.592zm15.125 69.53c23.525 72.024 54.17 141.623 99.28 207.814C351.886 256.397 374.437 198.35 394.187 132c23.69 55.974-11.423 128.012-66.656 182.406c23.724 3.552 53.686 11.745 73.407 18.875c-24.69 5.254-57.005 7.874-83.687 7.5a694 694 0 0 0 9.937 12.344l.563-.468c38.655 40.348 80.204 53.028 120.875 53.75c-6.873 6.918-14.447 13.48-19.25 21.593c-5.292 8.936-8.076 19.652-8.78 30.968c-33.344-12.87-77.914-40.503-107.75-78.344l-.19.125c-9.727-12.486-18.972-24.776-27.718-36.938c-5.692 29.708-28.95 66.377-48.406 88.625c9.978-28.618 19.846-65.56 23.376-98.72c-69.03 10.948-128.245-7.166-162.562-64.28c55.824 29.773 106.504 51.892 161.906 36.594c-42.415-66.643-67.75-132.218-69.03-210.906z"/></svg>

Maple Leaf アイコンの使い方

React

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

<Icon icon="game-icons:maple-leaf" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:maple-leaf" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:maple-leaf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--maple-leaf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:maple-leaf"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:maple-leaf"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/maple-leaf.svg" alt="Maple Leaf アイコン" width="24" height="24">

他のアイコンセットの Maple Leaf アイコン

Maple Leaf アイコンのよくある質問

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →