Invoice Ninja アイコン
thesvg:invoice-ninja
Invoice Ninja アイコン(thesvg:invoice-ninja)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- invoiceninja
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.247 10.326a1.164 1.164 0 1 1-2.328 0a1.164 1.164 0 0 1 2.328 0m-6.288 0a1.164 1.164 0 1 1-2.329 0a1.164 1.164 0 0 1 2.329 0m-.14 13.52c-4.712-.98-8.227-4.257-9.482-8.842c-.421-1.537-.421-4.49 0-6.027C1.506 4.709 4.73 1.485 8.997.316c1.538-.421 4.49-.421 6.028 0c4.267 1.169 7.492 4.393 8.66 8.66c.24.874.294 1.43.294 3.014s-.054 2.14-.293 3.014c-1.17 4.271-4.439 7.536-8.661 8.65c-1.391.367-3.916.46-5.206.192m6.64-9.315c-3.047-1.348-4.054-1.737-4.5-1.737s-1.433.38-4.38 1.684c-2.091.926-3.828 1.76-3.86 1.79h16.663zm-9.873-.361c1.621-.729 3.06-1.387 3.196-1.464c.258-.145.337-.09-5.285-3.682c-.56-.358-1.023-.698-1.025-.65v7.19a790 790 0 0 0 3.114-1.394m14.078-2.194V8.417c0-.11-1.676.993-3.496 2.12c-3 1.854-3.281 2.06-3.004 2.185c1.345.611 6.42 2.862 6.5 2.872zm-8.169.11c.545.125.643.104 1.226-.263c.349-.22.655-.419.681-.442s-.05-.181-.167-.35s-.215-.5-.215-.739V9.86l-.569.21c-.726.267-2.28.27-3 .005l-.556-.205l.013.452c.007.26-.088.563-.225.715c-.232.256-.22.276.45.726c.64.432.725.455 1.23.327a2.35 2.35 0 0 1 1.132-.002zm-4.23-2.65c-.105-.113-2.97-.954-3.033-.891c-.03.03.504.414 1.186.854l1.24.8l.34-.344c.186-.188.307-.377.268-.42zm9.76-.373c.473-.306.8-.555.728-.555c-.155 0-2.877.804-3.027.894c-.057.034.033.229.2.433l.304.37l.47-.293c.257-.162.854-.544 1.326-.85zm-1.636-.555c2.11-.59 3.867-1.102 3.904-1.139H3.59c.187.187 7.779 2.195 8.323 2.202c.41.005 2.014-.376 4.476-1.063"/></svg>Invoice Ninja アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:invoice-ninja" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:invoice-ninja" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:invoice-ninja" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--invoice-ninja]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:invoice-ninja"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:invoice-ninja"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/invoice-ninja.svg" alt="Invoice Ninja アイコン" width="24" height="24">他のアイコンセットの Invoice Ninja アイコン
Invoice Ninja アイコン のよくある質問
Invoice Ninja アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Invoice Ninja アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:invoice-ninja" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Invoice Ninja アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/invoice-ninja.svg" alt="Invoice Ninja アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。