Ícone Fill And Sign
thesvg-color:fill-and-sign
O ícone Fill And Sign (thesvg-color:fill-and-sign) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 32 × 32. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- filland, andsign, fillandsign
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="url(#SVG9kzdxQ1R)" d="M30.76 1.253H1.253v28.694H30.76z"/><path fill="#aaa0ff" fill-rule="evenodd" d="M0 5.747v19.76C0 28.653 2.427 31.2 5.587 31.2h20.706c3.16 0 5.72-2.56 5.72-5.707V5.707A5.736 5.736 0 0 0 26.28 0H5.587C2.427 0 0 2.56 0 5.707zm25.867-4.4c2.546 0 4.786 2.093 4.786 4.64V24.96c0 2.547-2.066 4.893-4.613 4.893H5.96c-2.547 0-4.613-2.16-4.613-4.706V6.253c0-2.533 2.066-4.906 4.6-4.906z" clip-rule="evenodd"/><path fill="#aaa0ff" d="M18.093 7.387L8.72 16.76l-1.187 4.787l4.774-1.2l9.373-9.374z"/><path fill="#ddd8ff" d="M18.76 23.947c-.093 0-.187 0-.293-.014c-.534-.066-.92-.453-1.107-1.066c-.013-.054-.027-.094-.04-.147c-1.28.68-2.84 1.16-4.413 1.16h-4.84a.267.267 0 0 1-.267-.267c0-.146.12-.266.267-.266h4.84c1.6 0 3.133-.507 4.346-1.174c-.066-1.2.4-2.666 1.134-3.293c.453-.387.973-.453 1.493-.213c.427.2.6.6.493 1.093c-.186.813-1.16 1.853-2.546 2.693c.013.094.04.187.066.267c.134.427.347.653.667.693c1.187.147 2.24-.973 2.867-1.626c.386-.414.56-.6.786-.56a.32.32 0 0 1 .24.173c.107.2 0 .427-.186.827c-.147.32-.427.92-.307 1.106c.04.067.16.094.333.094c.36 0 1.454-.814 1.547-1.094c.04-.146.187-.213.333-.173s.214.187.174.333c-.16.534-1.467 1.467-2.054 1.467c-.373 0-.64-.12-.786-.347c-.214-.346-.08-.813.106-1.253c-.666.667-1.653 1.587-2.853 1.587m.507-4.907c-.187 0-.374.08-.547.227c-.547.466-.933 1.6-.96 2.573c1.16-.747 1.933-1.613 2.067-2.213c.066-.32-.067-.427-.2-.494a.9.9 0 0 0-.36-.093"/></g><defs><radialGradient id="SVG9kzdxQ1R" cx="0" cy="0" r="1" gradientTransform="translate(13.01 10.81)scale(19.2351)" gradientUnits="userSpaceOnUse"><stop stop-color="#28254a" stop-opacity=".883"/><stop offset=".983" stop-color="#03042b"/></radialGradient><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Como usar o ícone Fill And Sign
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:fill-and-sign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:fill-and-sign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:fill-and-sign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fill-and-sign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fill-and-sign"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:fill-and-sign"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/fill-and-sign.svg" alt="Ícone Fill And Sign" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Fill And Sign em outras coleções
Perguntas frequentes sobre Ícone Fill And Sign
O ícone Fill And Sign é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Fill And Sign no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:fill-and-sign" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Fill And Sign a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/fill-and-sign.svg" alt="Ícone Fill And Sign">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.