Verified アイコン

Q: Verified アイコンは商用利用でも無料ですか?

はい。Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

codicon:verified

Verified アイコン(codicon:verified)は、Codicons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Codicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Codicons
作者: Microsoft Corporation
ライセンス: CC-BY-4.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.335 2.065l.076.153l.577 1.533c.045.12.14.216.261.261l1.48.555c.65.244.999.938.826 1.595l-.042.13l-.688 1.523a.45.45 0 0 0 0 .37l.653 1.439a1.34 1.34 0 0 1-.543 1.711l-.153.076l-1.533.577a.45.45 0 0 0-.261.261l-.555 1.48a1.34 1.34 0 0 1-1.595.826l-.13-.042l-1.523-.688a.45.45 0 0 0-.37 0l-1.439.653a1.34 1.34 0 0 1-1.711-.543l-.076-.153l-.577-1.533a.45.45 0 0 0-.261-.261l-1.48-.555a1.34 1.34 0 0 1-.826-1.595l.042-.13l.689-1.523a.45.45 0 0 0 0-.37l-.654-1.439a1.34 1.34 0 0 1 .543-1.711l.153-.076l1.533-.577a.45.45 0 0 0 .261-.261l.555-1.48a1.34 1.34 0 0 1 1.595-.826l.13.042l1.523.688a.45.45 0 0 0 .37 0l1.439-.653a1.34 1.34 0 0 1 1.711.543m-5.931.52l-.556 1.48a1.34 1.34 0 0 1-.783.783l-1.48.556l-.098.05a.45.45 0 0 0-.152.553l.654 1.439c.16.352.16.756 0 1.108l-.66 1.453l-.027.092a.45.45 0 0 0 .283.497l1.48.556c.362.136.648.421.783.783l.556 1.48l.051.099c.12.174.352.242.552.151l1.439-.654a1.34 1.34 0 0 1 1.108 0l1.453.66l.092.027a.45.45 0 0 0 .497-.283l.556-1.48a1.34 1.34 0 0 1 .783-.783l1.48-.556l.099-.051a.45.45 0 0 0 .151-.552l-.654-1.439a1.34 1.34 0 0 1 0-1.108l.66-1.453l.027-.092a.45.45 0 0 0-.283-.497l-1.48-.556a1.34 1.34 0 0 1-.783-.783l-.556-1.48l-.051-.099a.45.45 0 0 0-.552-.151l-1.439.654a1.34 1.34 0 0 1-1.108 0l-1.44-.654l-.027-.012a.447.447 0 0 0-.575.261m1.574 6.762l3.186-3.641a.447.447 0 0 1 .725.514l-.053.074l-3.5 4a.45.45 0 0 1-.578.081l-.074-.06l-1.5-1.5a.447.447 0 0 1 .562-.688l.07.057zl3.186-3.641z"/></svg>

Verified アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="codicon:verified" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="codicon:verified" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="codicon:verified" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--verified]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:verified"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="codicon:verified"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/codicon/verified.svg" alt="Verified アイコン" width="24" height="24">

Codicons の関連アイコン

他のアイコンセットの Verified アイコン

Verified アイコンのよくある質問

Verified アイコンは商用利用でも無料ですか?

はい。Codicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Verified アイコンを使うには?

@iconify/react をインストールして <Icon icon="codicon:verified" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Verified アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/codicon/verified.svg" alt="Verified アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Codicons をすべて見る →