Zero Size アイコン
lineicons:zero-size
Zero Size アイコン(lineicons:zero-size)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.23 2.575a.75.75 0 0 0-1.46.35l.316 1.314a3.75 3.75 0 0 1-.448 2.833l-.604.987a9 9 0 0 0-.665 8.08l2.186 5.393a.75.75 0 0 0 1.39-.564L6.76 15.576c-.24-.59-.4-1.2-.483-1.818c1.569.14 2.828.605 3.72 1.056a9 9 0 0 1 1.254.768v5.668a.75.75 0 0 0 1.5 0v-5.669l.113-.082c.254-.182.638-.43 1.14-.685a10.3 10.3 0 0 1 3.72-1.056a7.5 7.5 0 0 1-.482 1.818l-2.186 5.392a.75.75 0 0 0 1.39.564l2.186-5.393a9 9 0 0 0-.665-8.08l-.604-.987a3.75 3.75 0 0 1-.448-2.833l.315-1.314a.75.75 0 1 0-1.458-.35l-.316 1.314a5.25 5.25 0 0 0 .628 3.966l.03.048a10 10 0 0 1-.814.377c-.857.352-2.022.694-3.299.694s-2.442-.342-3.3-.694a10 10 0 0 1-.812-.377l.029-.048a5.25 5.25 0 0 0 .628-3.966zm2.444 10.9a11.8 11.8 0 0 0-4.447-1.226c.072-1.06.37-2.104.885-3.059c.264.14.609.31 1.02.478c.97.398 2.334.806 3.868.806s2.899-.408 3.869-.806c.41-.169.755-.338 1.019-.478c.516.955.813 1.999.885 3.059a11.8 11.8 0 0 0-4.447 1.227a10.4 10.4 0 0 0-1.327.796a10.4 10.4 0 0 0-1.325-.796" clip-rule="evenodd"/><path fill="currentColor" d="M3.28 3.193a.75.75 0 0 0-1.06 1.061l.97.97l-.97.97a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06zm18.5 1.061a.75.75 0 0 0-1.06-1.06l-1.5 1.5a.75.75 0 0 0 0 1.06l1.5 1.5a.75.75 0 1 0 1.06-1.06l-.97-.97zm-9.03 2.469a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0"/></svg>Zero Size アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:zero-size" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:zero-size" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:zero-size" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--zero-size]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:zero-size"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:zero-size"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Zero Size アイコン" width="24" height="24">Zero Size アイコン のよくある質問
Zero Size アイコンは商用利用でも無料ですか?
はい。Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zero Size アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:zero-size" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zero Size アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/zero-size.svg" alt="Zero Size アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。