Accounting Invoice icon
streamline-freehand-color:accounting-invoice
The Accounting Invoice icon (streamline-freehand-color:accounting-invoice) is a free SVG icon from the Freehand color icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Freehand color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- MoneyPaymentsFinance
- Tags
- accountinginvoice
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M14.67 12.82a.39.39 0 0 0 0 .547a3.66 3.66 0 0 0 2.302.888c0 .239 0 .488.07.727a.389.389 0 0 0 .777 0v-.707q.395-.038.777-.14a2.063 2.063 0 0 0 1.565-2.581a1.5 1.5 0 0 0-1.056-1.107a3.5 3.5 0 0 0-1.107-.09V9.103c.344.026.681.11.997.25a.35.35 0 0 0 .458-.15a.34.34 0 0 0-.14-.459a4.3 4.3 0 0 0-1.354-.448V6.84a.35.35 0 0 0-.31-.379a.34.34 0 0 0-.368.309c-.1.478-.17.997-.26 1.465c-.255.006-.51.043-.757.11a1.664 1.664 0 0 0-1.335 1.993c.052.539.408 1 .917 1.186c.282.095.579.143.877.14v.448c0 .418.08.817.13 1.226a2.6 2.6 0 0 1-1.675-.509a.39.39 0 0 0-.508-.01m3.986-1.177c.15 0 .28.06.329.23c.24.727-.349 1.136-1.056 1.325l.06-1.096v-.478q.334-.036.667.02M16.105 10.1c-.14-.568.279-.837.787-.997c0 .16-.06.309-.08.469s0 .508-.05.757q-.169.015-.338 0c-.14 0-.28-.05-.32-.23"/><path fill="#020202" d="M22.702 6.57a59 59 0 0 0-.628-5.7q-.021-.092-.09-.16c-.068-.067 0 0 0-.06a.4.4 0 0 0-.548-.079c-.338.24-.876.748-1.405 1.136c-.528.389-.259.568-1.993-1.076a5 5 0 0 0-.488-.449a.65.65 0 0 0-.598-.08c-.31.125-.586.32-.807.569c-.4.408-.778.996-1.077 1.285A11 11 0 0 0 13.823.551a1.78 1.78 0 0 0-1.505-.538a1.83 1.83 0 0 0-.907.518q-.606.702-1.117 1.475c-.122.204-.29.378-.488.509c-.13-.15-.259-.36-.289-.39L7.454.353a.34.34 0 0 0-.468.01c-.128.128 0 .06 0 .08a.36.36 0 0 0-.2.309c0 2.302 0 4.604.07 6.906v4.554c0 .947 0 1.884-.13 2.84a.35.35 0 0 0 .28.39a.36.36 0 0 0 .388-.29c.4-1.905.626-3.843.678-5.79c0-1.156 0-2.322-.11-3.478c.02-1.465-.179-2.88-.328-4.385l1.255 1.276q.248.313.529.598a.57.57 0 0 0 .458.14c.334-.063.643-.223.887-.46q.544-.534.997-1.145c.259-.29.488-.588.777-.628c.08 0 .15.05.22.1q.232.16.428.368c.578.588 1.126 1.385 1.475 1.665a.78.78 0 0 0 .927-.11l.398-.459c.29-.318.648-.916.997-1.345q.061-.087.14-.16q.044.075.109.13c.17.14.787.917 1.246 1.296c.205.19.468.306.747.329a2.17 2.17 0 0 0 1.046-.489c.38-.299.758-.667 1.097-.996a66 66 0 0 1 .299 4.983c0 1.873 0 3.747-.13 5.66c-.06 1.445-.12 2.92-.299 4.366a15.3 15.3 0 0 1-.588 2.76a4.36 4.36 0 0 1-1.834 2.252a2.29 2.29 0 0 1-2.62.08a2.84 2.84 0 0 1-.888-1.106a7.3 7.3 0 0 1-.578-2.272a.4.4 0 0 0-.428-.35a.37.37 0 0 0-.23.12q.243-.252.509-.478a.389.389 0 1 0-.459-.618c-.388.26-.996.857-1.544 1.236l-.26.18a3 3 0 0 0-.428-.35a20 20 0 0 0-1.644-1.634a1.5 1.5 0 0 0-.937-.339a1.66 1.66 0 0 0-.857.449q-.616.654-1.106 1.405c-.24-.26-.519-.678-.818-.997a1.9 1.9 0 0 0-.757-.498a.65.65 0 0 0-.548.08a4 4 0 0 0-.439.408L3.657 18.4l-.18-.1l-1.853-1.345a.32.32 0 0 0-.409.06h-.05a.33.33 0 0 0-.08.19l.11 2.74a4.18 4.18 0 0 0 1.994 3.26a6.07 6.07 0 0 0 3.687.756c.548-.05 1.585-.07 2.8-.11c1.216-.039 2.92-.139 4.286-.228a39 39 0 0 0 4.764-.688a5.6 5.6 0 0 0 3.209-3.13c.335-.97.569-1.971.697-2.99q.267-2.234.28-4.484c.02-1.963-.07-3.857-.21-5.76M14.96 22.587H9.27c-1.067 0-1.994 0-2.482.06a5 5 0 0 1-2.99-.468a3.25 3.25 0 0 1-1.685-2.323l-.219-1.813l.07.06c.339.298.658.607.997.916c0 0 .289.31.398.409c.128.12.311.162.479.11c.22-.083.418-.216.578-.39c.398-.378.897-1.076 1.186-1.305l.996 1.136s.28.28.389.38a.76.76 0 0 0 .996 0c.2-.2.668-.888 1.146-1.446q.19-.237.42-.438a.3.3 0 0 0 .069-.08c.633.438 1.224.936 1.764 1.485q.268.276.568.518c.113.088.255.13.399.12c.37-.083.712-.258.996-.509c.3-.249.598-.548.887-.827a.36.36 0 0 0-.08.27c.048.877.237 1.742.558 2.56a3.8 3.8 0 0 0 1.127 1.495l.1.07c-.42-.01-.698.01-.977.01"/><path fill="#0c6fff" d="M11.85 5.166q-.52-.112-1.047-.17h-.459a2.4 2.4 0 0 0-.468 0a5.3 5.3 0 0 0-.997.419a.349.349 0 0 0 .1.667c.349 0 .658.11.997.14h.418l.429-.05l.996-.23a.38.38 0 0 0 .399-.378a.4.4 0 0 0-.369-.398m-.996 2.192a3.4 3.4 0 0 0-.558 0q-.67.162-1.316.399a.34.34 0 1 0 .05.677c.438.07.837.17 1.286.22q.264.015.528 0q.269.023.538 0c.438-.06.847-.15 1.276-.23a.389.389 0 1 0 0-.767c-.429-.09-.847-.18-1.286-.23a5 5 0 0 0-.518-.069"/></g></svg>How to use the Accounting Invoice icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:accounting-invoice" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:accounting-invoice" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:accounting-invoice" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--accounting-invoice]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:accounting-invoice"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:accounting-invoice"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/accounting-invoice.svg" alt="Accounting Invoice icon" width="24" height="24">Related icons in Freehand color icons
Accounting Invoice icon in other icon sets
Accounting Invoice icon FAQ
Is the Accounting Invoice icon free for commercial use?
Yes. Freehand color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Accounting Invoice icon in React?
Install @iconify/react and render <Icon icon="streamline-freehand-color:accounting-invoice" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Accounting Invoice icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/accounting-invoice.svg" alt="Accounting Invoice icon">, or paste the SVG code inline to style it with CSS.