Verified Brand アイコン
fluent-mdl2:verified-brand
Verified Brand アイコン(fluent-mdl2:verified-brand)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- verifiedbrand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="m1845 1024l124 155q18 23 28 50t10 57t-9 57t-26 49t-41 38t-52 24l-191 53q2 51 5 103t4 104q0 36-13 67t-37 54t-55 37t-68 14q-31 0-61-11l-185-70l-109 165q-24 36-62 57t-83 21q-44 0-82-21t-63-57l-109-165l-185 70q-30 11-61 11q-36 0-67-13t-55-37t-37-55t-14-67q0-52 3-104t6-103l-191-53q-29-8-52-24t-40-38t-26-49t-10-57q0-29 10-56t28-51l124-155L79 869q-38-47-38-107q0-30 9-57t26-49t40-38t53-24l191-53q-2-51-5-103t-4-104q0-36 13-67t37-54t55-37t68-14q31 0 61 11l185 70L879 78q24-36 62-57t83-21q44 0 82 21t63 57l109 165l185-70q30-11 61-11q36 0 67 13t55 37t37 55t14 67q0 52-3 104t-6 103l191 53q28 8 52 24t40 38t26 49t10 57q0 60-38 107zm34 262q0-14-10-27l-188-235l188-235q10-13 10-27q0-34-34-44l-191-53l-98-27q3-76 8-152t5-152q0-17-14-30t-31-14q-6 0-27 6t-49 17t-62 24t-64 25t-56 22t-39 15l-56-85l-109-166q-13-20-38-20t-38 20L877 314l-56 85q-13-5-38-15t-57-22t-64-25t-61-23t-50-17t-27-7q-17 0-31 13t-14 31q0 76 5 152t8 152l-98 27l-191 53q-34 10-34 44q0 14 10 27l188 235l-188 235q-10 13-10 27q0 34 34 44l191 53l98 27q-3 76-8 152t-5 152q0 17 14 30t31 14q6 0 27-6t49-17t62-24t64-25t56-22t39-15l56 85l109 166q13 20 38 20t38-20l109-166l56-85q13 5 38 15t57 22t64 25t61 23t50 17t27 7q17 0 31-13t14-31q0-76-5-152t-8-152l98-27l191-53q34-10 34-44m-983-97l467-466l90 90l-557 558l-301-302l90-90z"/></svg>Verified Brand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:verified-brand" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:verified-brand" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:verified-brand" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--verified-brand]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:verified-brand"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:verified-brand"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/verified-brand.svg" alt="Verified Brand アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
Verified Brand アイコン のよくある質問
Verified Brand アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Verified Brand アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:verified-brand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Verified Brand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/verified-brand.svg" alt="Verified Brand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。