Ícone Per Background
token-branded:per-background
O ícone Per Background (token-branded:per-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
- perbackground
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="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGRCAax3mn)" d="M12 18.629a7.314 7.314 0 1 0 0-14.63a7.314 7.314 0 0 0 0 14.63"/><path fill="url(#SVGEY4Nse1V)" d="m4.736 10.445l-.023.256c1.088-.928 3.812-2.587 6.761-2.587c2.39 0 3.762 1.371 4.146 2.075l-.384 3.027l-4.292 2.368l-.316.242v-5.472a.862.862 0 1 0-1.723 0v7.588a7 7 0 0 0 1.723.549v-1.509c2.222-.292 5.943-1.622 5.943-5.289c0-1.394-1.033-2.903-1.582-3.479l-2.88-.836l-3.24.49l-2.497 1.284z"/><path fill="url(#SVGZTGJ8bCR)" d="m4.75 10.268l-.028.228c1.577-1.5 4.508-2.615 6.66-2.615c2.218 0 3.818 1.326 3.818 2.953c0 2.387-3.525 3.52-5.029 3.735V10.4a.914.914 0 1 0-1.828 0v8.686a.914.914 0 1 0 1.828 0v-2.752c5.76-1.362 6.4-4.38 6.4-5.298c0-.915-.68-3.836-4.9-3.836c-3.054 0-5.692 1.865-6.921 3.068"/></g><defs><linearGradient id="SVGRCAax3mn" x1="17.627" x2="4.816" y1="7.19" y2="14.361" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2307"/><stop offset="1" stop-color="#fdb106"/></linearGradient><linearGradient id="SVGEY4Nse1V" x1="16.9" x2="9.895" y1="4.796" y2="18.852" gradientUnits="userSpaceOnUse"><stop stop-color="#e67f5e"/><stop offset="1" stop-color="#fcc252"/></linearGradient><linearGradient id="SVGZTGJ8bCR" x1="10.03" x2="8.996" y1="17.289" y2="19.767" gradientUnits="userSpaceOnUse"><stop stop-color="#fefefc"/><stop offset="1" stop-color="#ffc125"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Como usar o ícone Per Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:per-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:per-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:per-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--per-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:per-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:per-background"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/per-background.svg" alt="Ícone Per Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Per Background
O ícone Per 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 Per Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:per-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Per 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/per-background.svg" alt="Ícone Per Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.