Ícone Receipt

streamline-freehand-color:receipt

O ícone Receipt (streamline-freehand-color:receipt) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Freehand color icons
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Compras e e-commerce

Baixar SVG

Código SVG

<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="#020202" d="M22.721 1.832A14 14 0 0 0 18.855.454a27.4 27.4 0 0 0-8.753-.19c-.999.12-2.218.24-2.807 1.069A4.94 4.94 0 0 0 6.765 4c-.45 4.505.66 10.68-2.248 12.089a.34.34 0 0 0 .29.61c3.507-1.55 2.488-7.994 3.077-12.6c.13-.689-.03-1.608.33-2.098s1.489-.57 1.998-.64c4.996-.768 7.573-.439 9.841.08c-5.674 1.81-.899 10.302-2.707 16.346c-.85 2.848-3.287 3.817-4.606 3.347a7.1 7.1 0 0 1-2.698-2.608c-.669-.999-.679-1.418-1.159-1.398c-.859 0-7.313.29-8.152.41c-.3 0-.54.2-.58.789a6.55 6.55 0 0 0 1.07 3.746a4.4 4.4 0 0 0 2.887 1.799c1.914.17 3.84.17 5.755 0c.824-.096 1.64-.26 2.437-.49a.29.29 0 0 0 .21-.36c-.14-.5-.5 0-2.707.21a31 31 0 0 1-5.545-.09c-1.609-.34-2.808-1.388-3.188-3.926v-.72c.71-.12 3.547-.17 7.504-.26q.466.894 1.089 1.69c1.548 1.838 2.947 3.057 5.245 2.177c4.476-1.688 4.216-6.993 3.657-11.72c-.34-2.947-1-5.944.49-7.343c1.248-1.189 3.166-1.448 3.776.46c.242.949.316 1.933.22 2.907c-.08.38-.19.46-.52.54a29 29 0 0 1-3.377.48a.34.34 0 1 0 0 .679a24 24 0 0 0 2.918-.35c1.358-.17 1.768-.45 1.778-2.198c.01-1.279-.14-2.907-1.129-3.727"/><path fill="#0c6fff" d="M8.014 13.042c-.08.15 0 .31.17.49c.74.72 2.178.41 2.847.29c.4 0 .39-.67 0-.67c-2.687-.51-2.807-.46-3.017-.11m.799-2.687c.74.72 2.179.41 2.848.28c.39 0 .39-.67 0-.67c-2.708-.5-2.828-.46-2.997-.11c-.11.14-.04.32.15.5m2.846-3.357c.39 0 .39-.67 0-.67c-2.707-.51-2.827-.46-2.996-.12c-.09.16 0 .32.17.5c.719.7 2.178.39 2.827.29m4.216 0c.4 0 .4-.67 0-.67c-2.708-.51-2.817-.46-2.997-.12c-.09.16 0 .32.16.5c.739.7 2.178.39 2.837.29"/><path fill="#020202" d="M12.8 13.912c.338.19.712.309 1.099.35a5.3 5.3 0 0 1 1.498.489c.39.26.35.71-.48.77a3.3 3.3 0 0 1-1.997-.5a.333.333 0 0 0-.44.5c.415.351.908.598 1.439.719c-.39.619.07 1.498.38 1.498s.719-.85.479-1.349c.48.028.957-.09 1.369-.34a1.278 1.278 0 0 0 .22-1.918a4.46 4.46 0 0 0-2.168-.999a6 6 0 0 1-.68-.12c-.16-.08-.24-.44.28-.719c.999-.55 1.818-.22 1.998.2a.3.3 0 0 0 .39.15c.52-.23-.24-1.329-1.37-1.409a1.58 1.58 0 0 0-.429-1.479c-.28 0-.819.79-.52 1.579c-1.808.46-1.858 1.978-1.068 2.578"/></g></svg>

Como usar o ícone Receipt

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:receipt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:receipt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:receipt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--receipt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:receipt"></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:receipt"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/receipt.svg" alt="Ícone Receipt" width="24" height="24">

Ícones relacionados em Freehand color icons

O ícone Receipt em outras coleções

Perguntas frequentes sobre Ícone Receipt

O ícone Receipt é grátis para uso comercial?

Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Receipt no React?

Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:receipt" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Receipt a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/receipt.svg" alt="Ícone Receipt">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Freehand color icons →