Zero アイコン

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

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

thesvg:zero

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

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 242 × 241

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="242" height="241" viewBox="0 0 242 241"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M138.969 1.168a100.5 100.5 0 0 1 16.5 3.675c15.485 4.843 30.121 12.485 42.686 22.778a117 117 0 0 1 11.098 10.358c17.745 18.876 29.085 43.394 31.901 69.154c2.129 19.473-.658 39.3-7.759 57.539c-1.678 4.308-3.787 5.972-8.631 5.93c-31.215-.27-62.433-.174-93.65-.197c-1.516-.002-3.031-.001-4.903-.001c.568-2.442 2.266-3.274 3.441-4.442c17.585-17.48 35.207-34.924 52.822-52.377c12.175-12.062 16.271-26.216 9.6-42.241c-6.693-16.082-19.839-22.949-36.916-22.993c-40.96-.104-81.918-.173-122.876-.256c-2.163-.004-4.325-.001-6.32-.001c-1.13-2.062.526-2.825 1.29-3.763c9.075-11.148 19.969-20.792 32.39-28.061C83.133 2.529 111.887-2.52 138.97 1.168"/><path d="M217.447 192.658c-9.652 12.908-20.388 22.992-33.26 30.637c-72.578 43.107-170.306 3.599-182.968-87.228c-2.89-20.723-.773-41.505 7.767-61.158c1.183-2.723 2.175-4.663 5.808-4.65c34.213.127 68.428.065 102.64.085c.497 0 .993.337 1.568.546c-.53 2.3-2.458 3.187-3.783 4.507c-17.853 17.79-35.87 35.419-53.607 53.322c-10.525 10.623-13.763 23.539-9.37 37.769c4.123 13.348 13.542 21.904 27.244 24.75c9.75 2.025 19.835.779 29.768.865c34.408.298 68.818.388 103.228.555c1.309.006 2.619 0 4.965 0"/><path d="M87.929 170.333c-6.347-.111-11.05-3.011-13.785-8.664c-2.996-6.198-1.933-12.048 2.832-16.925c9.695-9.924 19.555-19.69 29.376-29.491c13.331-13.302 26.663-26.603 40.048-39.851c4.988-4.936 10.872-6.401 17.468-3.603c5.79 2.456 9.243 8.382 8.932 14.813c-.193 3.96-1.892 7.239-4.644 9.983a103080 103080 0 0 1-69.098 68.83c-3.06 3.047-6.664 4.942-11.13 4.908"/></g></svg>

Zero アイコンの使い方

React

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

<Icon icon="thesvg:zero" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:zero" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:zero" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:zero"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/zero.svg" alt="Zero アイコン" width="24" height="24">

theSVG の関連アイコン

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

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

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

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

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

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

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

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

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