Diploma 1 アイコン
icons8:diploma-1
Diploma 1 アイコン(icons8:diploma-1)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 10 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-.624 0-1.248.213-1.78.594L12.56 4.75L10.656 5h-.03l-.032.03a3.39 3.39 0 0 0-2.563 2.564l-.03.03v.032l-.25 1.938l-1.156 1.5l-.032.03v.032c-.698 1.118-.73 2.56.032 3.625L7.78 16.44l.314 1.718l-3.22 4.907l-1.03 1.53h4.781l1.156 2.688l.72 1.72l1.03-1.563l3.158-4.75c.846.35 1.806.38 2.624 0l3.157 4.75L21.5 29l.72-1.72l1.155-2.686h4.781l-1.03-1.532L24 18.313l.25-1.875l1.156-1.656l.032-.03v-.03c.698-1.12.73-2.528-.032-3.595L24.25 9.47l-.375-1.876h.03c0-.025-.027-.04-.03-.063c-.18-1.307-1.217-2.37-2.53-2.53h-.032l-1.875-.25l-1.657-1.156A3.1 3.1 0 0 0 16 3m0 2.03c.23 0 .458.07.625.19l1.78 1.28l.22.156l.25.032L21.063 7h.03c.448.05.764.365.813.813v.062l.407 2.22l.03.217l.157.188l1.28 1.78c.24.335.27.894-.03 1.376l-1.25 1.75l-.156.22l-.032.25L22 18.062v.03a1 1 0 0 1-.156.438l-.063.032v.032a.88.88 0 0 1-.593.312h-.062l-2.28.407l-.25.03l-.19.157l-1.78 1.28c-.333.24-.924.27-1.406-.03l-1.626-1.25l-.188-.156l-.28-.032L10.937 19h-.032a.87.87 0 0 1-.687-.438a1 1 0 0 1-.126-.375v-.062l-.406-2.28l-.032-.25l-.156-.19l-1.28-1.78c-.24-.333-.27-.924.03-1.406l1.25-1.626l.156-.188l.03-.28l.283-2.095c.002-.014.026-.015.03-.03a1.4 1.4 0 0 1 1-1c.015-.004.016-.028.03-.03l2.095-.282l.25-.032l.22-.156l1.78-1.28c.167-.12.396-.19.625-.19zm6.906 15.22l1.532 2.344H22.03l-.25.625l-.686 1.593l-2.125-3.25l.468-.344l1.968-.345v.03c.025 0 .04-.027.063-.03a3 3 0 0 0 1.436-.625zm-13.812.03c.427.382.967.648 1.562.72h.03l1.908.25l.437.344l-2.124 3.218l-.687-1.593l-.25-.626H7.56l1.532-2.313z"/></svg>Diploma 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:diploma-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:diploma-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:diploma-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--diploma-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:diploma-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:diploma-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icons8/diploma-1.svg" alt="Diploma 1 アイコン" width="24" height="24">他のアイコンセットの Diploma 1 アイコン
Diploma 1 アイコン のよくある質問
Diploma 1 アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Diploma 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="icons8:diploma-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Diploma 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/diploma-1.svg" alt="Diploma 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。