Document Certificate アイコン
streamline-plump-color:document-certificate
Document Certificate アイコン(streamline-plump-color:document-certificate)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- お金・ショッピング
- タグ
- documentcertificate
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M39.752 3.463c2.55.177 4.539 2.081 4.762 4.627C44.76 10.88 45 15.115 45 21s-.486 12.91-.486 12.91s0-4.41-.514-5.91a7.97 7.97 0 0 0-1.556-4.74a7.98 7.98 0 0 0-2.252-4.452a7.98 7.98 0 0 0-4.452-2.252A7.98 7.98 0 0 0 31 15a7.97 7.97 0 0 0-4.74 1.556a7.98 7.98 0 0 0-4.452 2.252a7.98 7.98 0 0 0-2.252 4.452A7.98 7.98 0 0 0 18 28c0 1.774.58 3.416 1.556 4.74a7.98 7.98 0 0 0 2.252 4.452q.56.559 1.197.986q.003.403.01.82c-6.848-.02-11.686-.246-14.767-.46c-2.55-.178-4.539-2.082-4.762-4.628C3.24 31.12 3 26.885 3 21s.24-10.121.486-12.91c.223-2.546 2.212-4.45 4.762-4.627C11.475 3.238 16.628 3 24 3s12.525.238 15.752.463"/><path fill="#fff" d="M22 28c0 1.257.58 2.379 1.487 3.112a4 4 0 0 0 1.15 3.252a3.98 3.98 0 0 0 2.374 1.146c-.03 2.262-.005 5.2.19 8.395c.05.84 1.057 1.224 1.665.642l1.615-1.55a.75.75 0 0 1 1.038 0l1.615 1.55c.608.582 1.615.198 1.666-.642c.194-3.196.22-6.133.19-8.395a3.98 3.98 0 0 0 2.374-1.146a4 4 0 0 0 1.15-3.252A4 4 0 0 0 40 28c0-1.257-.58-2.379-1.487-3.112a4 4 0 0 0-1.149-3.252a4 4 0 0 0-3.252-1.15A4 4 0 0 0 31 19c-1.257 0-2.379.58-3.112 1.487a4 4 0 0 0-3.252 1.149a4 4 0 0 0-1.15 3.252A4 4 0 0 0 22 28"/><path fill="#8fbffa" d="M28 28.047a3 3 0 1 0 6 0a3 3 0 1 0-6 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M22 38.994c-6.313-.038-10.825-.252-13.752-.457c-2.55-.177-4.539-2.081-4.762-4.627C3.24 31.12 3 26.885 3 21s.24-10.121.486-12.91c.223-2.546 2.212-4.45 4.762-4.627C11.475 3.238 16.628 3 24 3s12.525.238 15.752.463c2.55.177 4.539 2.081 4.762 4.627C44.76 10.88 45 15.115 45 21s-.24 10.121-.486 12.91c-.216 2.463-2.084 4.325-4.514 4.605"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M22 28c0 1.257.58 2.379 1.487 3.112a4 4 0 0 0 1.15 3.252a3.98 3.98 0 0 0 2.374 1.146c-.03 2.262-.005 5.2.19 8.395c.05.84 1.057 1.224 1.665.642l1.615-1.55a.75.75 0 0 1 1.038 0l1.615 1.55c.608.582 1.615.198 1.666-.642c.194-3.196.22-6.133.19-8.395a3.98 3.98 0 0 0 2.374-1.146a4 4 0 0 0 1.15-3.252A4 4 0 0 0 40 28c0-1.257-.58-2.379-1.487-3.112a4 4 0 0 0-1.149-3.252a4 4 0 0 0-3.252-1.15A4 4 0 0 0 31 19c-1.257 0-2.379.58-3.112 1.487a4 4 0 0 0-3.252 1.149a4 4 0 0 0-1.15 3.252A4 4 0 0 0 22 28"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M28 28.045a3 3 0 1 0 6 0a3 3 0 1 0-6 0M12 12h21m-21 7h6"/></g></svg>Document Certificate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:document-certificate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:document-certificate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:document-certificate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--document-certificate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:document-certificate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:document-certificate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/document-certificate.svg" alt="Document Certificate アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Document Certificate アイコン
Document Certificate アイコン のよくある質問
Document Certificate アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Document Certificate アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:document-certificate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Document Certificate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/document-certificate.svg" alt="Document Certificate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。