Medal アイコン

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

はい。Entypo+ icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

entypo:medal

Medal アイコン(entypo:medal)は、Entypo+ セットの無料 SVG アイコンです（作者: Daniel Bruce）。 20 × 20 のグリッドで描かれています。 Entypo+ icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Entypo+
作者: Daniel Bruce
ライセンス: CC-BY-SA-4.0
サイズ: 20 × 20

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M10 10c.528 0 1.026.104 1.504.256L5.427 1.141A.32.32 0 0 0 5.164 1H1.608a.147.147 0 0 0-.122.229l6.231 9.347A4.94 4.94 0 0 1 10 10m8.392-9h-3.556a.32.32 0 0 0-.263.141L10.75 6.875l2 3l5.764-8.646A.147.147 0 0 0 18.392 1M10 11a4 4 0 1 0 0 8a4 4 0 0 0 0-8m2.112 4.117a.132.132 0 0 1-.022.208a.17.17 0 0 0-.049.229c.047.076.018.165-.065.199s-.125.13-.095.214s-.017.165-.104.181s-.149.101-.137.189s-.051.158-.14.155s-.167.068-.174.156s-.083.144-.169.123s-.178.031-.203.117s-.111.124-.191.085s-.18-.006-.222.072s-.134.098-.205.043s-.175-.044-.232.024s-.151.068-.209 0s-.162-.079-.232-.024s-.162.035-.205-.043s-.142-.111-.222-.072s-.166 0-.191-.085s-.116-.138-.203-.117s-.163-.034-.169-.123s-.084-.159-.173-.157s-.152-.067-.14-.155s-.05-.173-.137-.189s-.135-.097-.104-.181s-.013-.18-.095-.214s-.111-.123-.065-.199a.17.17 0 0 0-.049-.229a.133.133 0 0 1-.022-.208c.062-.064.062-.169 0-.234s-.052-.158.022-.208s.095-.153.049-.229c-.047-.076-.018-.165.065-.199s.125-.13.095-.214s.017-.165.104-.181s.149-.101.137-.189s.051-.158.14-.155s.167-.068.174-.156s.083-.144.169-.123s.178-.031.203-.117s.111-.124.191-.085s.18.006.222-.072s.134-.098.205-.043s.175.044.232-.024s.151-.068.209 0s.162.079.232.024s.162-.035.205.043s.142.111.222.072s.166 0 .191.085s.116.138.203.117s.163.034.169.123s.085.159.174.156s.152.067.14.155s.05.173.137.189s.135.097.104.181s.013.18.095.214s.111.123.065.199c-.047.076-.025.179.049.229s.083.144.022.208s-.063.171-.001.235"/></svg>

Medal アイコンの使い方

React

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

<Icon icon="entypo:medal" width="24" />

Vue

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

<template>
  <Icon icon="entypo:medal" width="24" />
</template>

Svelte

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

<Icon icon="entypo:medal" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="entypo:medal"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/entypo/medal.svg" alt="Medal アイコン" width="24" height="24">

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

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

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

はい。Entypo+ icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Entypo+ アイコンをすべて見る →