Twotone Verified アイコン

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

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:twotone-verified

Twotone Verified アイコン(ic:twotone-verified)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクション
タグ: approve、badge、burst、check、complete、done、mark、ok、select、star、tick、validate、verified、yes、action、twotoneverified

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.49 9.88l.08-.85l.18-1.95l-1.9-.43l-.84-.19l-.44-.74l-.99-1.68l-1.79.76l-.79.34l-.79-.34l-1.79-.77l-.99 1.68l-.44.74l-.84.19l-1.9.43l.18 1.94l.08.85l-.56.65l-1.29 1.48l1.29 1.47l.56.65l-.08.85l-.18 1.96l1.9.43l.84.19l.44.74l.99 1.67l1.78-.77l.8-.33l.79.34l1.78.77l.99-1.68l.44-.74l.84-.19l1.9-.43l-.18-1.95l-.08-.85l.56-.65L20.33 12l-1.29-1.47zm-8.4 6.84l-3.8-3.81l1.48-1.48l2.32 2.33l5.85-5.87l1.48 1.48z" opacity=".3"/><path fill="currentColor" d="M23 11.99L20.56 9.2l.34-3.69l-3.61-.82L15.4 1.5L12 2.96L8.6 1.5L6.71 4.69L3.1 5.5l.34 3.7L1 11.99l2.44 2.79l-.34 3.7l3.61.82l1.89 3.2l3.4-1.47l3.4 1.46l1.89-3.19l3.61-.82l-.34-3.69zm-3.95 1.48l-.56.65l.08.85l.18 1.95l-1.9.43l-.84.19l-.44.74l-.99 1.68l-1.78-.77l-.8-.34l-.79.34l-1.78.77l-.99-1.67l-.44-.74l-.84-.19l-1.9-.43l.18-1.96l.08-.85l-.56-.65L3.67 12l1.29-1.48l.56-.65l-.09-.86l-.18-1.94l1.9-.43l.84-.19l.44-.74l.99-1.68l1.78.77l.8.34l.79-.34l1.78-.77l.99 1.68l.44.74l.84.19l1.9.43l-.18 1.95l-.08.85l.56.65l1.29 1.47z"/><path fill="currentColor" d="m10.09 13.75l-2.32-2.33l-1.48 1.49l3.8 3.81l7.34-7.36l-1.48-1.49z"/></svg>

Twotone Verified アイコンの使い方

React

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

<Icon icon="ic:twotone-verified" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-verified" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-verified" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ic:twotone-verified"></iconify-icon>

HTML 画像

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

Google Material Icons の関連アイコン

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

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

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Google Material Icons をすべて見る →