Certificate Scroll Outline アイコン
glyphs:certificate-scroll-outline
Certificate Scroll Outline アイコン(glyphs:certificate-scroll-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- certificatescroll、scrolloutline、certificatescrolloutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" d="M59 4.833a6.82 6.82 0 0 0-5.53 2.818a6.82 6.82 0 0 0-5.902 1.917A6.82 6.82 0 0 0 45.594 15H13q-.135 0-.268.018a9 9 0 0 0-.56-.018h-.344A8.83 8.83 0 0 0 3 23.828V34a3 3 0 0 0 3 3h11v25.757a12.243 12.243 0 0 0 12 12.24V75h35.757A12.243 12.243 0 0 0 77 62.757V59a3 3 0 0 0-3-3h-9V34.406a6.82 6.82 0 0 0 5.432-1.974a6.82 6.82 0 0 0 1.917-5.903A6.82 6.82 0 0 0 75.167 21a6.82 6.82 0 0 0-2.818-5.528a6.82 6.82 0 0 0-1.918-5.903a6.82 6.82 0 0 0-5.902-1.917A6.82 6.82 0 0 0 59 4.833Zm.463 32.318A6.8 6.8 0 0 0 61 36.87V56H40a3 3 0 0 0-3 3v3.758a8.24 8.24 0 0 1-2.414 5.829l-.172.171A7.66 7.66 0 0 1 29.12 71A8.243 8.243 0 0 1 21 62.757V23.828A8.83 8.83 0 0 0 19.563 19H43.13a6.8 6.8 0 0 0-.298 2a6.82 6.82 0 0 0 2.818 5.53a6.82 6.82 0 0 0 1.917 5.901a6.82 6.82 0 0 0 5.903 1.918a6.82 6.82 0 0 0 5.992 2.802Zm1.897-5.249a2.8 2.8 0 0 0 .306-.605l.745-2.062l1.985.93a2.835 2.835 0 0 0 3.77-3.77l-.93-1.984l2.06-.745a2.835 2.835 0 0 0 0-5.332l-2.06-.745l.93-1.985a2.835 2.835 0 0 0-3.77-3.77l-1.985.93l-.745-2.06a2.835 2.835 0 0 0-5.332 0l-.745 2.06l-1.985-.93a2.835 2.835 0 0 0-3.77 3.77l.93 1.985l-2.06.745a2.8 2.8 0 0 0-1.184.816a2.835 2.835 0 0 0 1.183 4.516l2.062.745l-.931 1.985a2.835 2.835 0 0 0 3.77 3.77l1.985-.93l.745 2.06a2.835 2.835 0 0 0 5.026.606ZM11.828 19A4.83 4.83 0 0 0 7 23.828V33h10v-9.172a4.83 4.83 0 0 0-1.414-3.414A4.83 4.83 0 0 0 12.171 19zM37.81 71h26.947A8.243 8.243 0 0 0 73 62.757V60H41v2.757A12.24 12.24 0 0 1 37.81 71Z" clip-rule="evenodd"/></svg>Certificate Scroll Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:certificate-scroll-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:certificate-scroll-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:certificate-scroll-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--certificate-scroll-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:certificate-scroll-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:certificate-scroll-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/certificate-scroll-outline.svg" alt="Certificate Scroll Outline アイコン" width="24" height="24">Glyphs の関連アイコン
Certificate Scroll Outline アイコン のよくある質問
Certificate Scroll Outline アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Certificate Scroll Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:certificate-scroll-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Certificate Scroll Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/certificate-scroll-outline.svg" alt="Certificate Scroll Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。