andrsrxn/icons
andrsrxn · 2.383 ícones · de Andrés Raxón · MIT · uma só cor · grade de 24px · Atualizado em
andrsrxn/icons é uma coleção de ícones grátis e de código aberto com 2.383 ícones SVG de Andrés Raxón, publicada sob a licença MIT. Os ícones são de uma só cor: seguem a cor do seu texto (currentColor) e podem ter a cor alterada com CSS. Eles são desenhados em uma grade de 24px e escalam sem perda de qualidade como SVG.
Sobre andrsrxn/icons
A coleção está organizada em 41 categorias, entre elas design (251), dispositivos (246), editor (225) e mídia (199).
Entre os andrsrxn/icons mais populares estão agent, hashtag, box, diff, member of e asterisk.
Abra qualquer ícone para copiá-lo como SVG, JSX, Vue, Svelte, Solid, Astro ou CSS, ou baixe em SVG ou PNG. andrsrxn/icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
andrsrxn/icons por categoria
Ícones Design (251)
Ícones Dispositivos (246)
Ícones Editor (225)
Ícones Mídia (199)
Ícones Ferramentas (199)
Ícones Documents (178)
Ícones Desenvolvimento (165)
Ícones Layout (132)
Ícones Símbolos (132)
Ícones Tipografia (132)
Ícones Finanças (128)
Ícones Comunicação (118)
Como usar andrsrxn/icons
Todos os ícones desta página funcionam em qualquer framework. Os exemplos usam andrsrxn:agent; abra um ícone para copiar o código exato em SVG, JSX, Vue, Svelte, Solid, Astro ou CSS. Para dicas de tamanho, cor e acessibilidade, leia como usar ícones SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:agent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:agent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:agent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--agent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:agent"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:agent"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/andrsrxn/agent.svg" alt="Ícone Agent" width="24" height="24">Perguntas frequentes sobre andrsrxn/icons
Os andrsrxn/icons são grátis para uso comercial?
Sim. andrsrxn/icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Quantos ícones tem andrsrxn/icons?
andrsrxn/icons tem 2.383 ícones em 41 categorias.
Qual é a licença dos andrsrxn/icons?
andrsrxn/icons são distribuídos sob MIT. O texto completo da licença está disponível em https://github.com/andrsrxn/icons/blob/main/LICENSE.
Quem criou andrsrxn/icons?
andrsrxn/icons são criados por Andrés Raxón.
Como usar andrsrxn/icons no React?
Instale @iconify/react e renderize <Icon icon="andrsrxn:agent" />, ou abra qualquer ícone desta página e copie-o como um componente React independente.
Qual é o tamanho dos andrsrxn/icons?
andrsrxn/icons são desenhados em uma grade de 24px. Por serem SVG, escalam para qualquer tamanho sem perder qualidade.