Japanese Passing Grade Button アイコン
noto-v1:japanese-passing-grade-button
Japanese Passing Grade Button アイコン(noto-v1:japanese-passing-grade-button)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 記号
- タグ
- japanesepassing、passinggrade、gradebutton、japanesepassinggradebutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M119.79.34H8.21C3.88.34.34 3.88.34 8.21v111.58c0 4.33 3.54 7.87 7.87 7.87h111.58c4.33 0 7.87-3.54 7.87-7.87V8.21c0-4.33-3.54-7.87-7.87-7.87"/><path fill="#fff" d="M89.21 67.91c.28 0 .56-.12.76-.31c.2-.2.31-.48.31-.76v-9.69c0-.28-.11-.56-.31-.76s-.48-.31-.76-.31H42.05c-.28 0-.56.12-.76.31c-.2.2-.31.48-.31.76v9.69c0 .28.11.56.31.76s.48.31.76.31zm10.15 5.65H31.9c-.28 0-.56.11-.76.32c-.2.2-.31.48-.31.76v30.85c0 .28.11.56.31.76s.48.31.76.31h67.46c.28 0 .56-.12.76-.31c.2-.21.31-.48.31-.76V74.64c0-.28-.11-.57-.31-.76c-.19-.21-.47-.32-.76-.32M86.6 86.01v8.1l-.17.41l-.41.17H45.24l-.41-.17l-.17-.41v-8.1l.17-.41l.41-.17h40.79l.41.17z"/><path fill="#fff" d="M114.24 49.73s-.36-.15-1.05-.46c-4.84-2.16-25.68-12.08-46.85-30.9l-.06-.03c-.06-.05-.14-.08-.21-.11a1 1 0 0 0-.21-.09c-.03 0-.05-.02-.07-.02c-.05-.01-.1.01-.16.01c-.05 0-.1-.02-.16-.01c-.02 0-.05.02-.07.02a1 1 0 0 0-.21.09c-.07.03-.14.06-.21.11l-.06.03c-12.1 10.75-24.09 18.6-33.05 23.76c-4.48 2.58-8.2 4.48-10.8 5.74c-1.29.63-2.32 1.1-3 1.4c-.69.31-1.05.46-1.05.46c-.29.12-.51.36-.61.66s-.06.63.11.9l7.06 11.42c.28.45.84.63 1.33.42c.06-.03 19.19-8 40.72-25.21c21.53 17.2 40.67 25.18 40.72 25.21c.49.2 1.05.02 1.33-.42l7.06-11.42c.16-.27.21-.6.11-.9c-.09-.3-.32-.53-.61-.66"/></svg>
Japanese Passing Grade Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:japanese-passing-grade-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:japanese-passing-grade-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:japanese-passing-grade-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--japanese-passing-grade-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:japanese-passing-grade-button"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:japanese-passing-grade-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/japanese-passing-grade-button.svg" alt="Japanese Passing Grade Button アイコン" width="24" height="24">
他のアイコンセットの Japanese Passing Grade Button アイコン
Japanese Passing Grade Button アイコン のよくある質問
Japanese Passing Grade Button アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Japanese Passing Grade Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:japanese-passing-grade-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Japanese Passing Grade Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/japanese-passing-grade-button.svg" alt="Japanese Passing Grade Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
