Sports Medal アイコン
emojione:sports-medal
Sports Medal アイコン(emojione:sports-medal)は、Emoji One (Colored) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- アクティビティ
- タグ
- sportsmedal、sport
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#428bc1" d="M47.8 2L35.2 21h6.3L54.1 2z"/><path fill="#e8e8e8" d="M41.5 2L28.8 21h6.4L47.8 2z"/><path fill="#ed4c5c" d="M35.2 2L22.5 21h6.3L41.5 2z"/><path fill="#ffc200" d="M20.4 16.8c-.6 0-1.1.5-1.1 1.1v9.5c0 .6.5 1.1 1.1 1.1h23.2c.6 0 1.1-.5 1.1-1.1v-9.5c0-.6-.5-1.1-1.1-1.1zm22.1 7.3c0 .6-.5 1.1-1.1 1.1h-19c-.6 0-1.1-.5-1.1-1.1v-4.2c0-.6.5-1.1 1.1-1.1h19c.6 0 1.1.5 1.1 1.1z"/><path fill="#ed4c5c" d="M22.5 21h6.3L16.2 2H9.9z"/><path fill="#e8e8e8" d="M28.8 21h6.4L22.5 2h-6.3z"/><path fill="#3e4347" d="m33.1 5.2l-3.2 4.7L37.3 21h4.2l1-1.6z" opacity=".5"/><path fill="#428bc1" d="M35.2 21h6.3L28.8 2h-6.3z"/><circle cx="32" cy="42.3" r="19.7" fill="#ffc200"/><path fill="#e68a00" d="M32.3 24.4c-10.1 0-18.2 8.2-18.2 18.2c0 3 .7 5.8 2 8.3c-.6-2-1-4.1-1-6.3c0-10.7 8.2-19.4 18.7-20.2z"/><path fill="#ffe394" d="M46 31c5.1 9 2.5 20.6-6.4 26.5c-1.8 1.2-3.8 2.1-5.8 2.7c2.8-.3 5.5-1.3 8-3c8.4-5.6 10.6-16.8 5.1-25z"/><path fill="#f2b200" d="M32 34.3v-6.4l-3.2 10l1.4 1.8z"/><path fill="#e68a00" d="m33.8 39.7l1.4-1.8l-3.2-10v6.4z"/><path fill="#c47500" d="m34.8 43l2.4 1.1l8.5-6.2l-6.3 1.8z"/><path fill="#ffe394" d="m39.4 39.7l6.3-1.8H35.2l-1.4 1.8z"/><path fill="#ffd252" d="m30.2 39.7l-1.4-1.8H18.3l6.3 1.8z"/><path fill="#ffdb75" d="m24.6 39.7l-6.3-1.8l8.4 6.2l2.5-1.1z"/><path fill="#e68a00" d="m34.8 43l1.8 5.4l3.9 5.7l-3.3-10z"/><path fill="#f2b200" d="M32 45.1v2.8l8.5 6.2l-3.9-5.7zM29.2 43l-2.5 1.1l-3.2 10l3.9-5.7z"/><path fill="#e68a00" d="m27.4 48.4l-3.9 5.7l8.5-6.2v-2.8z"/><path fill="#ffce31" d="M33.8 39.7L32 34.3l-1.8 5.4h-5.6l4.6 3.3l-1.8 5.4l4.6-3.3l4.6 3.3l-1.8-5.4l4.6-3.3z"/></svg>Sports Medal アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:sports-medal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:sports-medal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:sports-medal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--sports-medal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:sports-medal"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:sports-medal"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/sports-medal.svg" alt="Sports Medal アイコン" width="24" height="24">他のアイコンセットの Sports Medal アイコン
Sports Medal アイコン のよくある質問
Sports Medal アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sports Medal アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:sports-medal" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sports Medal アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/sports-medal.svg" alt="Sports Medal アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。