Error 16 アイコン
nonicons:error-16
Error 16 アイコン(nonicons:error-16)は、Nonicons セットの無料 SVG アイコンです(作者: yamatsum)。 24 × 24 のグリッドで描かれています。 Nonicons は 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="m7.493.015l-.386.04c-1.873.187-3.76 1.153-5.036 2.579C.66 4.211-.057 6.168.009 8.253c.115 3.601 2.59 6.65 6.101 7.518a8.03 8.03 0 0 0 6.117-.98a8 8 0 0 0 3.544-4.904c.172-.701.212-1.058.212-1.887s-.04-1.186-.212-1.887C14.979 2.878 12.315.498 9 .064C8.716.027 7.683-.006 7.493.015m1.36 1.548a6.5 6.5 0 0 1 3.091 1.271c.329.246.976.893 1.222 1.222c.561.751.976 1.634 1.164 2.479a6.8 6.8 0 0 1 0 2.93c-.414 1.861-1.725 3.513-3.463 4.363a6.8 6.8 0 0 1-1.987.616c-.424.065-1.336.065-1.76 0c-1.948-.296-3.592-1.359-4.627-2.993a7.5 7.5 0 0 1-.634-1.332A6.2 6.2 0 0 1 1.514 8c0-1.039.201-1.925.646-2.84c.34-.698.686-1.18 1.253-1.747A6 6 0 0 1 5.16 2.16a6.45 6.45 0 0 1 3.693-.597M7.706 4.29c-.224.073-.351.201-.413.415c-.036.122-.04.401-.034 2.111c.008 1.97.008 1.971.066 2.08a.7.7 0 0 0 .346.308c.132.046.526.046.658 0a.7.7 0 0 0 .346-.308c.058-.109.058-.11.066-2.08c.008-2.152.008-2.154-.145-2.335c-.124-.148-.257-.197-.556-.205a1.7 1.7 0 0 0-.334.014m.08 6.24a.86.86 0 0 0-.467.402a.85.85 0 0 0-.025.563A.78.78 0 0 0 8 12c.303 0 .612-.22.706-.505a.85.85 0 0 0-.025-.563a.95.95 0 0 0-.348-.352c-.116-.06-.429-.089-.547-.05"/></svg>Error 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nonicons:error-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nonicons:error-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nonicons:error-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--error-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:error-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nonicons:error-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nonicons/error-16.svg" alt="Error 16 アイコン" width="24" height="24">Error 16 アイコン のよくある質問
Error 16 アイコンは商用利用でも無料ですか?
はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Error 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="nonicons:error-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Error 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/error-16.svg" alt="Error 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。