Medal アイコン

circum:medal

Medal アイコン(circum:medal)は、Circum Icons セットの無料 SVG アイコンです（作者: Klarr Agency）。 24 × 24 のグリッドで描かれています。 Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Circum Icons
作者: Klarr Agency
ライセンス: MPL-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.692 3.755a1.52 1.52 0 0 0-1.27-.69h-4.41a1.49 1.49 0 0 0-1.36.87L12 7.485l-1.66-3.55a1.49 1.49 0 0 0-1.36-.87H4.572a1.5 1.5 0 0 0-1.35 2.14l3.73 8.02a5.6 5.6 0 0 0-.46 2.21a5.5 5.5 0 0 0 11 0a5.4 5.4 0 0 0-.46-2.2l3.75-8.03a1.53 1.53 0 0 0-.09-1.45m-16.57 1.03a.53.53 0 0 1 .03-.49a.5.5 0 0 1 .42-.23h4.41a.51.51 0 0 1 .46.29l2.61 5.58h-.06a5.5 5.5 0 0 0-4.43 2.25Zm7.87 15.15a4.5 4.5 0 1 1 4.5-4.5a4.5 4.5 0 0 1-4.5 4.5m7.89-15.15l-3.46 7.4a5.45 5.45 0 0 0-3.21-2.11l-.66-1.42l2-4.3a.51.51 0 0 1 .46-.29h4.41a.48.48 0 0 1 .42.23a.5.5 0 0 1 .04.49"/><path fill="currentColor" d="m12.077 16.88l1.024.538a.174.174 0 0 0 .253-.184l-.2-1.14a.17.17 0 0 1 .051-.154l.828-.807a.175.175 0 0 0-.1-.3l-1.133-.164a.18.18 0 0 1-.132-.1l-.512-1.037a.174.174 0 0 0-.313 0l-.512 1.037a.17.17 0 0 1-.131.1l-1.145.166a.175.175 0 0 0-.1.3l.828.807a.17.17 0 0 1 .05.154l-.2 1.14a.174.174 0 0 0 .253.184l1.024-.538a.17.17 0 0 1 .167-.002"/></svg>

Medal アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。Circum Icons は Mozilla Public License 2.0 で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Circum Icons をすべて見る →