Medal Star アイコン

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

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

reicon:medal-star

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: いいね
タグ: medalstar

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="M12 2.75a6.25 6.25 0 1 0 0 12.5a6.25 6.25 0 0 0 0-12.5M4.25 9a7.75 7.75 0 1 1 13.06 5.645a1 1 0 0 1 .062.157l.65 2.369c.303 1.107.548 1.998.659 2.69c.109.678.131 1.376-.248 1.944c-.216.323-.51.588-.856.764c-.63.32-1.317.163-1.932-.07c-.628-.236-1.416-.647-2.384-1.152l-.047-.024c-.724-.377-.913-.462-1.095-.481a1 1 0 0 0-.238 0c-.182.019-.37.104-1.095.481l-.047.024c-.968.505-1.756.915-2.384 1.152c-.615.233-1.302.39-1.932.07a2.3 2.3 0 0 1-.856-.764c-.379-.568-.357-1.266-.248-1.944c.111-.692.356-1.583.66-2.69l.649-2.37a1 1 0 0 1 .062-.156A7.73 7.73 0 0 1 4.25 9m3.71 6.615l-.522 1.906c-.32 1.164-.541 1.976-.638 2.578c-.1.625-.025.813.015.872a.8.8 0 0 0 .289.262c.023.011.166.073.722-.137c.533-.201 1.24-.569 2.267-1.103l.103-.054c.568-.297 1.025-.535 1.526-.589q.278-.03.556 0c.5.053.958.292 1.526.589l.103.054c1.026.534 1.734.902 2.267 1.103c.556.21.7.148.722.137a.8.8 0 0 0 .29-.262c.04-.06.114-.247.014-.872c-.097-.602-.319-1.414-.637-2.578l-.523-1.906A7.7 7.7 0 0 1 12 16.75a7.7 7.7 0 0 1-4.04-1.135M12 7.035q-.086.149-.199.353l-.098.176l-.023.04c-.078.144-.208.382-.425.547c-.221.168-.488.226-.643.26l-.044.009l-.19.043c-.176.04-.319.072-.44.103c.079.097.182.219.316.376l.13.152l.03.034c.108.125.282.325.363.585c.08.256.052.52.035.686l-.005.047l-.02.203l-.042.46c.105-.046.223-.1.364-.165l.179-.082l.04-.02c.144-.067.393-.184.672-.184s.528.117.672.185l.04.019l.179.082q.209.098.364.165l-.042-.46l-.02-.203l-.005-.047c-.017-.167-.045-.43.035-.686c.08-.26.255-.46.363-.585l.03-.034l.13-.152c.134-.157.237-.279.316-.376c-.121-.03-.264-.063-.44-.103l-.19-.043l-.044-.01c-.155-.033-.422-.091-.643-.26c-.217-.164-.347-.402-.425-.545l-.023-.041l-.098-.176q-.112-.204-.199-.354M11.014 5.8c.172-.225.484-.55.986-.55s.814.325.986.55c.165.214.33.511.5.816l.023.041l.098.177l.057.1l.099.023l.19.043l.048.01c.327.075.653.148.903.247c.276.109.65.32.795.785c.142.455-.037.841-.193 1.09c-.145.23-.365.486-.59.749l-.03.035l-.13.153l-.082.097c.002.036.007.078.012.135l.02.203l.004.046c.034.352.067.692.055.964c-.012.286-.08.718-.468 1.011c-.4.304-.84.238-1.12.157c-.258-.073-.563-.214-.87-.355l-.043-.02l-.18-.083l-.084-.039l-.085.04l-.179.082l-.044.02c-.306.141-.611.282-.869.355c-.28.08-.72.147-1.12-.157c-.387-.293-.456-.725-.468-1.01c-.012-.273.02-.613.055-.965l.004-.046l.02-.203l.013-.135l-.083-.097l-.13-.153l-.03-.035c-.225-.263-.445-.52-.59-.75c-.156-.248-.335-.634-.193-1.09c.144-.463.519-.675.795-.784c.25-.099.576-.172.903-.246l.047-.01l.191-.044l.1-.023l.056-.1l.098-.177l.023-.041c.17-.305.335-.602.5-.816" clip-rule="evenodd"/></svg>

Medal Star アイコンの使い方

React

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

<Icon icon="reicon:medal-star" width="24" />

Vue

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

<template>
  <Icon icon="reicon:medal-star" width="24" />
</template>

Svelte

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

<Icon icon="reicon:medal-star" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:medal-star"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

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