Ícone Pix Duotone
stash:pix-duotone
O ícone Pix Duotone (stash:pix-duotone) é um ícone SVG gratuito da coleção Stash Icons de Pingback LLC. Ele é desenhado em uma grade de 24 × 24. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Stash Icons
- Autor
- Pingback LLC
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- pixduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" opacity=".5"><path d="m17.416 15.487l1.249-1.248c.784-.784 1.175-1.176 1.322-1.628c.13-.397.13-.825 0-1.222c-.147-.452-.538-.844-1.322-1.628l-1.249-1.248h-1.508a.8.8 0 0 0-.596.278l-1.94 2.134c-.736.81-2.009.81-2.745 0l-1.94-2.134a.8.8 0 0 0-.596-.278H6.583L5.335 9.76c-.784.784-1.176 1.176-1.323 1.628a1.98 1.98 0 0 0 0 1.222c.147.452.539.844 1.322 1.627l1.25 1.25H8.09a.8.8 0 0 0 .596-.28l1.94-2.133c.736-.81 2.01-.81 2.745 0l1.94 2.134a.8.8 0 0 0 .596.278z"/><path d="M15.908 7.029h.024l-1.694-1.694c-.783-.784-1.175-1.176-1.627-1.322a1.98 1.98 0 0 0-1.223 0c-.451.146-.843.538-1.627 1.322L8.067 7.029h.024c.65 0 1.258.285 1.694.764l1.94 2.134a.37.37 0 0 0 .55 0l1.94-2.134a2.3 2.3 0 0 1 1.693-.764m.024 9.942h-.024a2.3 2.3 0 0 1-1.694-.764l-1.94-2.134a.37.37 0 0 0-.549 0l-1.94 2.134a2.3 2.3 0 0 1-1.694.764h-.024l1.694 1.694c.784.784 1.176 1.176 1.627 1.322c.398.13.826.13 1.223 0c.452-.146.844-.538 1.627-1.322z"/></g><path fill="currentColor" fill-rule="evenodd" d="M19.751 8.749c.36.36.691.69.945.99c.274.323.544.705.702 1.191a3.46 3.46 0 0 1 0 2.14c-.157.486-.428.868-.702 1.191c-.254.3-.585.63-.945.99l-4.5 4.5a18 18 0 0 1-.99.945c-.323.274-.705.545-1.191.703a3.46 3.46 0 0 1-2.14 0c-.487-.158-.869-.429-1.191-.703c-.3-.254-.63-.585-.99-.945l-4.5-4.5a18 18 0 0 1-.946-.99c-.273-.323-.544-.705-.702-1.191a3.46 3.46 0 0 1 0-2.14c.158-.486.429-.868.702-1.191c.254-.3.585-.63.946-.99l4.5-4.5c.36-.36.69-.691.99-.945c.322-.274.704-.545 1.19-.703a3.46 3.46 0 0 1 2.14 0c.487.158.87.429 1.192.703c.299.254.63.584.99.945zm-1.086 5.49l-1.249 1.248h-1.508a.8.8 0 0 1-.596-.278l-1.94-2.134a1.855 1.855 0 0 0-2.745 0l-1.94 2.134a.8.8 0 0 1-.595.278H6.583L5.335 14.24c-.784-.784-1.176-1.176-1.323-1.628a1.98 1.98 0 0 1 0-1.222c.147-.452.539-.844 1.323-1.628l1.248-1.248h1.509c.208 0 .424.09.595.278l1.94 2.134c.736.81 2.01.81 2.745 0l1.94-2.134a.8.8 0 0 1 .596-.278h1.508l1.249 1.248c.784.784 1.175 1.176 1.322 1.628c.13.397.13.825 0 1.222c-.147.452-.538.844-1.322 1.627m-2.733-7.21h-.024a2.3 2.3 0 0 0-1.694.764l-1.94 2.134a.37.37 0 0 1-.549 0l-1.94-2.134a2.3 2.3 0 0 0-1.693-.764h-.025l1.694-1.694c.784-.784 1.176-1.176 1.627-1.322c.398-.13.826-.13 1.223 0c.452.146.844.538 1.627 1.322zm-.024 9.942h.024l-1.694 1.694c-.783.784-1.175 1.176-1.627 1.322c-.397.13-.825.13-1.223 0c-.451-.146-.843-.538-1.627-1.322l-1.694-1.694h.025a2.3 2.3 0 0 0 1.693-.764l1.94-2.134a.37.37 0 0 1 .55 0l1.94 2.134a2.3 2.3 0 0 0 1.693.764" clip-rule="evenodd"/></svg>Como usar o ícone Pix Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="stash:pix-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:pix-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:pix-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pix-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pix-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:pix-duotone"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/stash/pix-duotone.svg" alt="Ícone Pix Duotone" width="24" height="24">Ícones relacionados em Stash Icons
Perguntas frequentes sobre Ícone Pix Duotone
O ícone Pix Duotone é grátis para uso comercial?
Sim. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pix Duotone no React?
Instale @iconify/react e renderize <Icon icon="stash:pix-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pix Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/stash/pix-duotone.svg" alt="Ícone Pix Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.