Ribbon アイコン

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

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

game-icons:ribbon

Ribbon アイコン(game-icons:ribbon)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M249.938 18.53c-2.33-.006-4.65.036-7 .157v-.03c-18.72.97-37.354 4.835-53.782 11.5c-5.895 9.737-7.003 18.63-3.22 31.655c2.543 8.748 7.697 19.177 15.69 31.594c9.697-6.747 25.94-10.26 42.468-10.5c17.92-.258 36.14 3.24 46.53 10.594c7.038-11.94 11.675-22.136 14.063-30.844C308.813 47.62 307.18 37.386 300 26l.47-.28c-13.496-4.296-28.377-6.64-43.533-7.032a189 189 0 0 0-7-.157zM324 36.157c2.096 9.886 1.745 20.437-1.28 31.47c-4.985 18.167-16.32 38.006-34 62.655l-32.283 47.564l-76.843 114.187l-.313-.217l-67.155 98.875l24.53-1.157l-16.936 47.876l45.53-26.28l-29.78 65.437l36.218-22.782l7 37.376l52.28-110.094l-.405-.187L295.5 244.687l4.313-9l47.062-98.437C370.188 88.162 354.93 54.713 324 36.156zM165.72 42.78c-30.64 21.468-44.758 56.84-18.564 104.97L195 235.688l42.72-63.47l-38-47.25c-2.668-3.34-4.54-6.492-5.69-9.437C180.9 97.14 172.23 81.58 168 67.03c-2.433-8.37-3.142-16.496-2.28-24.25m142.75 218.126l-46.595 97.72l71.594 131.937l4.842-36.157l37.907 7.406l-25.47-47.375l58.875 24.782l-32.656-57.408l23.655-5.718l-92.156-115.188z"/></svg>

Ribbon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:ribbon"></iconify-icon>

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →