Prettier 16 アイコン
nonicons:prettier-16
Prettier 16 アイコン(nonicons:prettier-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="M3.707 1.815a.75.75 0 0 0-.447.627c-.025.308.116.563.397.719l.143.079h4.4l.137-.072a.735.735 0 0 0 .403-.726a.75.75 0 0 0-.447-.627c-.117-.053-.165-.054-2.293-.054s-2.176.001-2.293.054m7.033-.017c-.311.111-.532.476-.483.797c.043.278.263.541.518.616c.19.057.763.058.951.002a.8.8 0 0 0 .46-.417a.87.87 0 0 0-.013-.623a.83.83 0 0 0-.404-.37c-.162-.056-.878-.059-1.029-.005M3.707 5.309a.752.752 0 0 0-.014 1.374c.133.063.141.063 1.056.063l.922.001l.164-.082A.7.7 0 0 0 6.247 6a.7.7 0 0 0-.412-.665l-.164-.082l-.922.001c-.869 0-.929.004-1.042.055m4.586-.031A.755.755 0 0 0 7.761 6a.73.73 0 0 0 .681.74a.72.72 0 0 0 .718-.397c.067-.122.078-.172.078-.343s-.011-.221-.078-.343a.76.76 0 0 0-.408-.362a.9.9 0 0 0-.459-.017m2.944.018a.8.8 0 0 0-.404.367c-.059.113-.072.172-.072.337c0 .242.08.42.255.569c.208.179.227.181 1.534.172c1.142-.007 1.173-.009 1.277-.065A.76.76 0 0 0 14.239 6a.76.76 0 0 0-.412-.676c-.105-.056-.132-.057-1.294-.062c-.989-.005-1.205.001-1.296.034M3.779 8.785c-.353.126-.551.426-.519.784a.7.7 0 0 0 .239.475c.207.191.262.201 1.049.191l.692-.008l.124-.073c.336-.198.477-.622.317-.959a.83.83 0 0 0-.456-.406c-.189-.057-1.291-.059-1.446-.004m4 0c-.353.126-.551.426-.519.784a.75.75 0 0 0 .447.616c.117.052.167.054 2.028.054c2.146.001 2.064.008 2.272-.195a.68.68 0 0 0 .228-.513a.66.66 0 0 0-.241-.585c-.229-.206-.159-.199-2.259-.198c-1.49.001-1.875.008-1.956.037m-3.971 3.492c-.688.189-.743 1.125-.084 1.423c.093.042.232.047 1.529.047H6.68l.125-.063c.257-.127.448-.419.448-.684s-.191-.557-.448-.684l-.125-.063l-1.373-.005c-1.055-.004-1.403.002-1.499.029"/></svg>Prettier 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nonicons:prettier-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nonicons:prettier-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nonicons:prettier-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nonicons--prettier-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nonicons -->
<div class="i-nonicons:prettier-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nonicons:prettier-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nonicons/prettier-16.svg" alt="Prettier 16 アイコン" width="24" height="24">Prettier 16 アイコン のよくある質問
Prettier 16 アイコンは商用利用でも無料ですか?
はい。Nonicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Prettier 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="nonicons:prettier-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Prettier 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nonicons/prettier-16.svg" alt="Prettier 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。