Ícone Pnt Background
token-branded:pnt-background
O ícone Pnt Background (token-branded:pnt-background) é um ícone SVG gratuito da coleção Web3 Icons Branded de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons Branded 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
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- pntbackground
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#3c2966" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.002 4c.44 0 .733.114 1.182.572c.56.572 1.59.783 2.344.732c.603-.04.98.177 1.227.402c.177.162.461.63.582 1.273s.832 1.292 1.172 1.537c.346.176.988.707.988 1.459c.012.142.003.618-.318 1.343c-.14.313-.133 1.086 0 1.674c.126.314.319.871.319 1.172c0 .376-.135.81-.72 1.168c-.586.359-1.34 1.042-1.542 1.862c-.2.82-.318 1.025-.586 1.23s-.551.308-1.506.325s-1.624.41-2.194.888c-.456.383-.99.433-1.401.29a6.5 6.5 0 0 1-.756-.51c-.236-.175-.446-.33-.611-.398l-.127-.054c-.258-.115-.488-.216-1.342-.216c-.79 0-1.239-.288-1.514-.497c-.162-.122-.368-.482-.476-1.07c-.106-.588-.898-1.575-1.476-1.87c-.448-.228-.747-.906-.747-1.253c0-.348.075-.802.345-1.328c.13-.254.143-1.404-.144-1.964c-.321-.625-.134-1.263 0-1.532c.152-.308.554-.576.9-.808q.127-.084.237-.161c.33-.234.714-.781.866-1.287c.06-.308.25-.998.535-1.299c.357-.376 1.01-.376 1.826-.376c.654 0 1.515-.549 1.901-.854q.045-.03.1-.072c.2-.15.506-.378.936-.378m-.44 2.727a1 1 0 0 0-.35.284L9.92 8.666a1 1 0 0 1-.447.325l-1.974.717a1 1 0 0 0-.487 1.5l1.175 1.74a1 1 0 0 1 .17.526l.073 2.1a1 1 0 0 0 1.276.926l2.018-.58a1 1 0 0 1 .553 0l2.018.58a1 1 0 0 0 1.276-.927l.072-2.099a1 1 0 0 1 .17-.526l1.176-1.74a1 1 0 0 0-.487-1.5l-1.974-.716a1 1 0 0 1-.448-.325L12.79 7.01a1 1 0 0 0-1.227-.284" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Pnt Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pnt-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pnt-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pnt-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pnt-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pnt-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pnt-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/pnt-background.svg" alt="Ícone Pnt Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Pnt Background
O ícone Pnt Background é grátis para uso comercial?
Sim. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pnt Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:pnt-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pnt Background a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token-branded/pnt-background.svg" alt="Ícone Pnt Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.