andrsrxn/icons
andrsrxn · 2 383 иконки · автор: Andrés Raxón · MIT · одноцветные · сетка 24 px · Обновлено
andrsrxn/icons — бесплатный набор иконок с открытым кодом: 2 383 SVG-иконки от Andrés Raxón, выпущенный под лицензией MIT. Иконки одноцветные: они наследуют цвет текста (currentColor), и их цвет можно менять через CSS. Они нарисованы по сетке 24 px и чётко масштабируются как SVG.
О наборе andrsrxn/icons
Набор разделён на 41 категорию: дизайн (251), устройства (246), редактор (225) и медиа (199).
Популярные andrsrxn/icons: agent, hashtag, box, diff, member of и asterisk.
Откройте любую иконку, чтобы скопировать её как SVG, JSX, Vue, Svelte, Solid, Astro или CSS или скачать в SVG или PNG. andrsrxn/icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
andrsrxn/icons по категориям
Иконки Дизайн (251)
Иконки Устройства (246)
Иконки Редактор (225)
Иконки Медиа (199)
Иконки Инструменты (199)
Иконки Documents (178)
Иконки Разработка (165)
Иконки Макет (132)
Иконки Символы (132)
Иконки Типографика (132)
Иконки Финансы (128)
Иконки Связь (118)
Как использовать andrsrxn/icons
Все иконки на этой странице работают в любом фреймворке. В примерах используется andrsrxn:agent; откройте иконку, чтобы скопировать её код в SVG, JSX, Vue, Svelte, Solid, Astro или CSS. Советы по размеру, цвету и доступности — в руководстве как использовать 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:agent"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/andrsrxn/agent.svg" alt="Иконка Agent" width="24" height="24">Вопросы и ответы: andrsrxn/icons
Можно ли бесплатно использовать andrsrxn/icons в коммерческих проектах?
Да. andrsrxn/icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Сколько иконок в наборе andrsrxn/icons?
В наборе andrsrxn/icons 2 383 иконки в 41 категории.
Какая лицензия у набора andrsrxn/icons?
andrsrxn/icons распространяются по лицензии MIT. Полный текст лицензии доступен по адресу https://github.com/andrsrxn/icons/blob/main/LICENSE.
Кто создал andrsrxn/icons?
Автор набора andrsrxn/icons — Andrés Raxón.
Как использовать andrsrxn/icons в React?
Установите @iconify/react и отрисуйте <Icon icon="andrsrxn:agent" /> или откройте любую иконку на этой странице и скопируйте её как отдельный React-компонент.
Какого размера andrsrxn/icons?
andrsrxn/icons нарисованы по сетке 24 px. Как SVG они масштабируются до любого размера без потери качества.