Web Check Dark アイコン

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:web-check-dark

Web Check Dark アイコン(thesvg-color:web-check-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 39 × 38 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 39 × 38
タグ: webcheck、checkdark、webcheckdark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="39" height="38" viewBox="0 0 39 38"><g fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8" d="M43.3 30.1v-9.8a1.4 1.4 0 0 0-1.4-1.4h-28a1.4 1.4 0 0 0-1.4 1.4v9.8c0 16.8 15.4 21 15.4 21s15.4-4.2 15.4-21"/><path stroke="#d6fb41" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8" d="m20.9 34.3l4.2 4.2l9.8-9.8"/><path fill="#fff" d="m60.07 45.5l-4.29-21.87h5.82l2.16 14.19l.36 2.46h.24l3.3-16.65h6.12l3.3 16.65h.27l.27-2.07l2.16-14.58h5.85L81.4 45.5h-7.68l-2.55-12.45l-.33-1.83h-.21l-.33 1.83l-2.58 12.45zm34.35.3q-2.76 0-4.59-1.05q-1.8-1.05-2.73-2.91q-.9-1.89-.9-4.38v-.33q0-2.61.99-4.44t2.73-2.79q1.77-.96 4.05-.96q2.55 0 4.32.96q1.8.93 2.73 2.64t.93 3.96v2.22H91.57v.75q0 1.05.75 1.71q.75.63 1.92.63q1.05 0 1.71-.42q.66-.45.78-1.17h5.04q-.09 1.68-1.05 2.94q-.96 1.23-2.58 1.95q-1.62.69-3.72.69m-2.85-10.44v.15h5.16v-.15q0-1.29-.72-1.89q-.69-.63-1.86-.63q-1.14 0-1.86.66q-.72.63-.72 1.86m23.309 10.44q-1.53 0-2.79-.66q-1.23-.66-1.83-1.86h-.24l-.3 2.22h-5.01V23.63h5.31v7.86h.24q.6-1.2 1.83-1.86q1.26-.69 2.79-.69q2.22 0 3.57 1.02q1.35.99 1.98 2.79t.63 4.23v.78q0 4.29-1.68 6.18q-1.68 1.86-4.5 1.86m-2.16-4.29q1.29 0 1.98-.72q.72-.75.72-2.07v-2.67q0-1.32-.72-2.07q-.69-.75-1.98-.75q-1.23 0-1.95.75q-.72.72-.72 2.07v2.64q0 1.38.72 2.1t1.95.72"/><path fill="#d6fb41" d="M133.77 45.8q-3.24 0-5.52-1.17q-2.28-1.2-3.51-3.36q-1.2-2.16-1.2-5.04v-.27q0-3.87 1.35-6.69q1.35-2.85 3.93-4.38q2.58-1.56 6.21-1.56q2.94 0 5.16 1.02q2.22.99 3.48 2.79t1.35 4.23h-5.85q-.18-1.44-1.38-2.31q-1.17-.87-2.97-.87q-2.13 0-3.39.99q-1.26.96-1.62 3.03l-.57 3.15q-.45 2.61.81 4.11q1.26 1.47 3.72 1.47q1.83 0 2.94-.75a3.63 3.63 0 0 0 1.5-2.1H144q-.45 2.46-1.86 4.2q-1.41 1.71-3.57 2.61t-4.8.9m11.863-.3l3.87-21.87h5.37l-1.32 7.56h.33q.69-1.05 1.89-1.62q1.23-.6 2.61-.6q2.85 0 4.23 1.95q1.41 1.92.78 5.46l-1.62 9.12h-5.4l1.59-9.03q.3-1.59-.3-2.43t-1.98-.84q-1.26 0-2.01.81q-.75.78-.99 2.07l-1.62 9.42zm27.966.3q-3.57 0-5.64-1.98q-2.04-1.98-2.04-5.49v-.24q0-2.76.99-4.8q.99-2.07 2.91-3.18q1.92-1.14 4.62-1.14q2.61 0 4.41 1.05q1.83 1.02 2.64 2.91q.84 1.86.48 4.38l-.21 1.41h-10.71q0 .09-.03.21v.21q-.18 1.2.6 1.95q.78.72 2.13.72q1.02 0 1.71-.39q.72-.39.96-1.14h5.07q-.42 2.55-2.49 4.05q-2.07 1.47-5.4 1.47m-1.92-10.59l-.06.3h5.37q.09-1.32-.6-1.98q-.66-.69-1.95-.69t-1.95.69q-.66.66-.81 1.68m19.819 10.59q-3.6 0-5.64-1.98q-2.01-1.98-2.01-5.25v-.24q0-2.85.99-4.95q1.02-2.1 2.91-3.24q1.92-1.17 4.62-1.17q3.42 0 5.49 1.74q2.1 1.74 2.19 4.71h-5.13q-.06-1.11-.78-1.62q-.69-.51-1.77-.51q-1.26 0-1.95.66q-.69.63-.87 1.8l-.39 2.4q-.27 1.59.42 2.46t2.1.87q1.05 0 1.74-.54t.9-1.44h5.16q-.12 1.89-1.17 3.3q-1.02 1.41-2.76 2.22q-1.74.78-4.05.78m9.594-.3l3.84-21.87h5.4l-2.1 11.79l6.39-6.15h6.6l-7.17 6.42l4.35 9.81h-5.85l-2.7-6.54l-2.64 2.31l-.75 4.23z"/></g></svg>

Web Check Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:web-check-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:web-check-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:web-check-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--web-check-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:web-check-dark"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:web-check-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/web-check-dark.svg" alt="Web Check Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Web Check Dark アイコン

Web Check Dark アイコンのよくある質問

Web Check Dark アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Web Check Dark アイコンを使うには?

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

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

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

theSVG Color アイコンをすべて見る →