Certification アイコン
boxicons:certification
Certification アイコン(boxicons:certification)は、Boxicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.49 8.72l-1.2-.7l-.71-.41v-2.2c0-.55-.45-1-1-1h-2.2l-.41-.71l-.7-1.2a1 1 0 0 0-1.37-.37l-1.21.7l-.7.41l-.7-.41l-1.2-.7c-.48-.28-1.09-.11-1.37.37l-.7 1.2l-.41.71h-2.2c-.55 0-1 .45-1 1v2.2l-.71.41l-1.2.7a1 1 0 0 0-.37 1.37L3.23 12l-.41.7l-.7 1.21a1 1 0 0 0 .37 1.37l1.2.7l.71.41v2.2c0 .55.45 1 1 1h2.2l.41.71l.7 1.2c.19.32.52.5.87.5c.17 0 .34-.04.5-.13l1.2-.7l.7-.41l.7.41l1.21.7c.23.13.5.17.76.1s.47-.24.61-.47l.7-1.2l.41-.7h2.2c.55 0 1-.45 1-1v-2.2l.71-.41l1.2-.7c.48-.28.64-.89.37-1.37l-.7-1.21l-.41-.7l1.1-1.91c.28-.48.11-1.09-.37-1.37Zm-1.87 5.32l-.34.2l-.79.45l-.42.24l-.5.29v2.35h-2.35l-.83 1.44l-.35.6l-.34-.2l-.99-.57l-.21-.12l-.5-.29l-.5.29l-.41.24l-.8.46l-.34.2l-.66-1.13l-.53-.91H6.41v-2.35l-.5-.29l-.62-.36l-.58-.34l-.34-.2l.89-1.54l.29-.5l-.29-.5l-.13-.23l-.56-.97l-.2-.34l.34-.2l.58-.34l.62-.36l.5-.29V6.42h2.35l.53-.91l.66-1.13l.34.2l.8.46l.41.24l.5.29l.5-.29l.21-.12l.99-.57l.34-.2l.35.6l.83 1.44h2.35v2.35l.5.29l.42.24l.79.46l.34.2l-.2.34l-.99 1.71l.99 1.71l.2.34Z"/></svg>Certification アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:certification" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:certification" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:certification" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--certification]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:certification"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:certification"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/boxicons/certification.svg" alt="Certification アイコン" width="24" height="24">Boxicons の関連アイコン
他のアイコンセットの Certification アイコン
Certification アイコン のよくある質問
Certification アイコンは商用利用でも無料ですか?
はい。Boxicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Certification アイコンを使うには?
@iconify/react をインストールして <Icon icon="boxicons:certification" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Certification アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/boxicons/certification.svg" alt="Certification アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。