Rugby アイコン

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

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

reicon:rugby

Rugby アイコン(reicon:rugby)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 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="m15.167 2.758l6.075 6.076a28 28 0 0 0-.077-2.845a3.386 3.386 0 0 0-3.154-3.154a28 28 0 0 0-2.844-.077m5.94 8.062L13.18 2.893c-2.697.305-5.4 1.15-7.269 3.018c-1.869 1.869-2.713 4.572-3.018 7.269l7.927 7.927c2.697-.305 5.4-1.15 7.269-3.018c1.869-1.869 2.713-4.572 3.018-7.269M8.834 21.242l-6.076-6.076c-.026 1.022.012 1.99.077 2.845a3.386 3.386 0 0 0 3.154 3.154c.855.065 1.823.103 2.845.077m4.551-19.879a28 28 0 0 1 4.74-.024a4.886 4.886 0 0 1 4.536 4.535a28 28 0 0 1-.024 4.74c-.285 2.957-1.18 6.227-3.487 8.536c-2.309 2.308-5.58 3.202-8.535 3.487a28 28 0 0 1-4.74.024a4.886 4.886 0 0 1-4.536-4.535a28 28 0 0 1 .024-4.74c.285-2.957 1.18-6.227 3.487-8.536c2.309-2.308 5.58-3.202 8.535-3.487M11.943 8.16a.75.75 0 0 1 1.06 0l.888.888l.889-.888a.75.75 0 1 1 1.06 1.06l-.888.889l.888.888a.75.75 0 1 1-1.06 1.06l-.889-.888l-.83.831l.888.888a.75.75 0 0 1-1.06 1.06L12 13.062l-.83.83l.888.889a.75.75 0 1 1-1.061 1.06l-.888-.888l-.888.888a.75.75 0 0 1-1.06-1.06l.887-.889l-.888-.888a.75.75 0 1 1 1.06-1.06l.889.888l.83-.83l-.888-.889a.75.75 0 0 1 1.061-1.06l.888.887l.83-.83l-.887-.888a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>

Rugby アイコンの使い方

React

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

<Icon icon="reicon:rugby" width="24" />

Vue

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

<template>
  <Icon icon="reicon:rugby" width="24" />
</template>

Svelte

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

<Icon icon="reicon:rugby" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:rugby"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/rugby.svg" alt="Rugby アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →