Certificate Badge Bold アイコン
iconamoon:certificate-badge-bold
Certificate Badge Bold アイコン(iconamoon:certificate-badge-bold)は、IconaMoon セットの無料 SVG アイコンです（作者: Dariush Habibpour）。 24 × 24 のグリッドで描かれています。 IconaMoon icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconaMoon
- 作者
- Dariush Habibpour
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- EC
- タグ
- certificatebadge、badgebold、certificatebadgebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m15 22l-.693 1.04A1.25 1.25 0 0 0 16.25 22zm-3-2l.693-1.04a1.25 1.25 0 0 0-1.386 0zm-3 2H7.75a1.25 1.25 0 0 0 1.943 1.04zM8.75 3.537l-.1 1.246zm1.685-.697l-.952-.81zM6.532 5.686l-1.246.1zm2.154-2.154l.1-1.246zM5.84 7.435l.81.952zm.697-1.684l1.246-.1zm-.747 4.772l-.81.952zm0-3.046l-.81-.952zm.747 4.772l-1.246-.1zm-.697-1.684l.81-.952zm2.846 3.903l.1 1.246zm-2.154-2.154l1.246.1zm3.903 2.846l.952-.81zm-1.684-.697l-.1-1.246zm4.772.747l.952.81zm-3.046 0l-.952.81zm4.772-.747l.1-1.246zm-1.684.697l-.952-.81zm3.903-2.846l1.246-.1zm-2.154 2.154l-.1 1.246zm2.846-3.903l.81.952zm-.697 1.684l-1.246.1zm.747-4.772l.81-.952zm0 3.046l-.81-.952zm-.747-4.772l-1.246-.1zm.697 1.684l-.81.952zm-2.846-3.903l-.1-1.246zm2.154 2.154l1.246.1zM13.565 2.84l.952-.81zm1.684.697l.1 1.246zm-1.726-.747l-.952.81zm-3.046 0l.952.81zM9 14.458l.055-1.248zm6.693 6.502l-3-2l-1.386 2.08l3 2zm-4.386-2l-3 2l1.386 2.08l3-2zM12.57 3.6l.042.05l1.904-1.62l-.042-.05zm2.779 1.183l.064-.005l-.2-2.492l-.065.005zm.872.803l-.005.064l2.492.201l.005-.065zm1.128 2.8l.05.043l1.62-1.904l-.05-.042zm.05 1.185l-.05.042l1.62 1.904l.05-.042zm-1.183 2.779l.005.064l2.492-.2l-.005-.065zm-.803.872l-.064-.005l-.201 2.492l.065.005zm-2.8 1.128l-.043.05l1.904 1.62l.042-.05zm-1.185.05l-.042-.05l-1.904 1.62l.042.05zM8.65 13.217l-.064.005l.2 2.492l.065-.005zm-.872-.803l.005-.064l-2.492-.201l-.005.065zm-1.128-2.8L6.6 9.57l-1.62 1.904l.05.042zM6.6 8.428l.05-.042l-1.62-1.904l-.05.042zM7.783 5.65l-.005-.064l-2.492.2l.005.065zm.803-.872l.064.005l.201-2.492l-.065-.005zm2.8-1.128l.043-.05l-1.904-1.62l-.042.05zM8.65 4.783a3.25 3.25 0 0 0 2.737-1.133L9.483 2.03a.75.75 0 0 1-.632.261zm-.872.803a.75.75 0 0 1 .808-.808l.2-2.492a3.25 3.25 0 0 0-3.5 3.5zm-1.128 2.8A3.25 3.25 0 0 0 7.783 5.65l-2.492.201a.75.75 0 0 1-.261.632zM6.6 9.572a.75.75 0 0 1 0-1.142L4.98 6.525a3.25 3.25 0 0 0 0 4.95zm1.183 2.779A3.25 3.25 0 0 0 6.65 9.613l-1.62 1.904a.75.75 0 0 1 .261.632zm.803.872a.75.75 0 0 1-.808-.808l-2.492-.2a3.25 3.25 0 0 0 3.5 3.5zM12.57 14.4a.75.75 0 0 1-1.142 0l-1.904 1.62a3.25 3.25 0 0 0 4.95 0zm3.651-1.986a.75.75 0 0 1-.808.808l-.2 2.492a3.25 3.25 0 0 0 3.5-3.5zm1.128-2.8a3.25 3.25 0 0 0-1.133 2.736l2.492-.201a.75.75 0 0 1 .261-.632zm.05-1.185a.75.75 0 0 1 0 1.142l1.62 1.904a3.25 3.25 0 0 0 0-4.95zM16.217 5.65a3.25 3.25 0 0 0 1.133 2.737l1.62-1.904a.75.75 0 0 1-.261-.632zm-.803-.872a.75.75 0 0 1 .808.808l2.492.2a3.25 3.25 0 0 0-3.5-3.5zm-2.8-1.128a3.25 3.25 0 0 0 2.736 1.133l-.201-2.492a.75.75 0 0 1-.632-.261zm1.861-1.67a3.25 3.25 0 0 0-4.95 0l1.904 1.62a.75.75 0 0 1 1.142 0zm-3.088 12.37a3.25 3.25 0 0 0-2.332-1.14l-.11 2.497a.75.75 0 0 1 .538.263zm-2.332-1.14a3 3 0 0 0-.405.007l.201 2.492a1 1 0 0 1 .094-.002zM10.25 22v-7.542h-2.5V22zm5.1-8.783a3 3 0 0 0-.405-.007l.11 2.497q.046-.001.094.002zm-.405-.007a3.25 3.25 0 0 0-2.332 1.14l1.904 1.62a.75.75 0 0 1 .538-.263zm-1.195 1.248V22h2.5v-7.542z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m14 8l-3 3l-1-1"/></g></svg>Certificate Badge Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iconamoon:certificate-badge-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconamoon:certificate-badge-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconamoon:certificate-badge-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--certificate-badge-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconamoon -->
<div class="i-iconamoon:certificate-badge-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconamoon:certificate-badge-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iconamoon/certificate-badge-bold.svg" alt="Certificate Badge Bold アイコン" width="24" height="24">IconaMoon の関連アイコン
Certificate Badge Bold アイコン のよくある質問
Certificate Badge Bold アイコンは商用利用でも無料ですか?
はい。IconaMoon icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Certificate Badge Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="iconamoon:certificate-badge-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Certificate Badge Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iconamoon/certificate-badge-bold.svg" alt="Certificate Badge Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。