Medal Duo アイコン
streamline-stickies-color:medal-duo
Medal Duo アイコン(streamline-stickies-color:medal-duo)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- 旅行・評価
- タグ
- medalduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M23.04 31.232c.958 1.396 3.372 6.104 5.337 6.389c2.788.43 3.918-5.749 3.918-5.749s6.208 1.132 6.802-1.628c.187-.888-1.963-3.968-3.952-6.82q-.4-.571-.78-1.121l-.413-.585c.327-1.417.488-2.867.48-4.32c0-4.188-1.171-7.697-3.51-10.16c-2.297-3.079-6.082-4.886-11.348-4.886c-9.32 0-14.062 5.662-14.062 14.035a19.4 19.4 0 0 0 .478 4.397l-.354.507c-.253.367-.516.743-.78 1.122C2.867 25.267.718 28.347.904 29.234c.633 2.94 4.723 3.028 7.058 2.728c.459 1.709 2.074 6.061 4.513 5.66c.901-.127 2.915-3.07 4.834-5.878l.358-.521a20.5 20.5 0 0 0 5.373.009Z"/><path fill="#9bff00" d="m33.514 21.291l-.413-.583c.328-1.417.488-2.868.48-4.32c0-8.375-4.684-14.036-14.007-14.036c-9.32 0-14.062 5.662-14.062 14.035a19.4 19.4 0 0 0 .478 4.396l-.354.508C3.481 24.405.694 28.228.903 29.233c.594 2.76 6.802 1.629 6.802 1.629s1.131 6.208 3.919 5.748c.958-.135 3.171-3.449 5.192-6.4c1.831.245 3.687.242 5.517-.01c2.022 2.951 4.264 6.275 5.193 6.41c2.787.431 3.918-5.748 3.918-5.748s6.208 1.13 6.801-1.629c.211-1.006-2.577-4.828-4.733-7.94z"/><path fill="#fff" d="M19.546 24.184c6.002.067 9.827-6.389 6.884-11.62a7.8 7.8 0 0 0-6.884-3.975c-6.003 0-9.755 6.498-6.754 11.697a7.8 7.8 0 0 0 6.754 3.898Z"/><path stroke-linecap="round" d="M8.328 23.897c.834 1.696 3.746 3.833 4.981 4.34m17.464-4.34c-.842 1.696-3.755 3.833-4.99 4.34"/></g></svg>Medal Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:medal-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:medal-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:medal-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--medal-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:medal-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:medal-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/medal-duo.svg" alt="Medal Duo アイコン" width="24" height="24">Stickies color icons の関連アイコン
Medal Duo アイコン のよくある質問
Medal Duo アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Medal Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:medal-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Medal Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/medal-duo.svg" alt="Medal Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。