andrsrxn/icons
andrsrxn · 2,383 icons · by Andrés Raxón · MIT · single-color · 24px grid · Updated
andrsrxn/icons is a free, open source icon set with 2,383 SVG icons by Andrés Raxón, released under the MIT license. The icons are single-color: they follow your text color (currentColor) and can be recolored with CSS. They are designed on a 24px grid and scale cleanly as SVG.
About andrsrxn/icons
The set is organised into 41 categories, including design (251), devices (246), editor (225) and media (199).
Popular andrsrxn/icons include agent, hashtag, box, diff, member of and asterisk.
Open any icon to copy it as SVG, JSX, Vue, Svelte, Solid, Astro or CSS, or download it as SVG or PNG. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
andrsrxn/icons by category
Design icons (251)
Devices icons (246)
Editor icons (225)
Media icons (199)
Tools icons (199)
Documents icons (178)
Development icons (165)
Layout icons (132)
Symbols icons (132)
Typography icons (132)
Finance icons (128)
Communication icons (118)
How to use andrsrxn/icons
Every icon on this page works in any framework. Examples use andrsrxn:agent; open an icon to copy its exact SVG, JSX, Vue, Svelte, Solid, Astro or CSS code. For sizing, color and accessibility tips, read how to use SVG icons.
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>HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/agent.svg" alt="Agent icon" width="24" height="24">andrsrxn/icons FAQ
Are andrsrxn/icons free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How many icons are in andrsrxn/icons?
andrsrxn/icons contains 2,383 icons across 41 categories.
What license do andrsrxn/icons use?
andrsrxn/icons are licensed under MIT. The full license text is available at https://github.com/andrsrxn/icons/blob/main/LICENSE.
Who made andrsrxn/icons?
andrsrxn/icons are created by Andrés Raxón.
How do I use andrsrxn/icons in React?
Install @iconify/react and render <Icon icon="andrsrxn:agent" />, or open any icon on this page and copy it as a standalone React component.
What size are andrsrxn/icons?
andrsrxn/icons are designed on a 24px grid. As SVGs they scale to any size without losing quality.