Иконки IconMind
iconmind · 31 722 иконки · автор: IconMind · MIT · одноцветные · сетка 24 px · Обновлено
Иконки IconMind — бесплатный набор иконок с открытым кодом: 31 722 SVG-иконки от IconMind, выпущенный под лицензией MIT. Иконки одноцветные: они наследуют цвет текста (currentColor), и их цвет можно менять через CSS. Они нарисованы по сетке 24 px и чётко масштабируются как SVG.
Дизайн-спецификация: Иконки IconMind
- контур и заливка
- двухтоновый
- монохромный
- скруглённый
Правила рисования этого набора, измеренные по его SVG-файлам. Используйте их, чтобы создавать новые иконки в том же стиле.
| Холст | 24 × 24 |
|---|---|
| viewBox | 0 0 24 24 |
| Область рисования | 21 × 21, отступ 1.5 |
| Стиль рисования | Сочетание контура и заливки |
| Толщина обводки | 2 |
| Концы линий | Скруглённые |
| Соединения линий | Скруглённые |
| Радиус скругления | 2 |
| Цвета | Один цвет (currentColor), меняется через CSS |
| Двухтоновые слои | 53% иконок |
| Координаты | Целые единицы |
| Прямые линии | 72% горизонтальные или вертикальные, 28% под 45° |
| Кривые | 39% команд рисования |
| Симметрия | 41% иконок симметричны слева направо |
| Элементов на иконку | 4.7 |
| Команд рисования на иконку | 13 |
Измерено по 64 иконкам набора.
Генерация иконок с помощью ИИ
Лицензия разрешает создавать новые иконки на основе этого набора.
- Укажите авторов оригинала.
Строка атрибуции: Based on IconMind by IconMind, licensed under MIT. https://github.com/Iconmind/iconmind/blob/main/LICENSE
Стайлгайд для промпта LLM (на английском)
Вставьте его в промпт вместе с несколькими иконками из набора и укажите, какую иконку нужно нарисовать.
You draw new icons for the "IconMind" icon set (Iconify prefix "iconmind") by IconMind.
Style: mixed outline and fill, duotone, monochrome, rounded.
Iconify describes the set as: Precise Shapes, Has Padding, Uses Stroke.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">.
- Keep the drawing inside a 21x21 live area: about 1.5 units of padding on every side (never less than 0.25).
- A typical icon's bounding box covers 62% of the canvas.
Drawing
- Icons mix strokes and filled shapes (stroke 53%, mixed 47%).
- stroke-width="2" (widths used: 2 39%, 1.5 36%, 2.5 25%, 5 5%, 4.5 3%).
- stroke-linecap="round", stroke-linejoin="round".
- Round corners with a radius of about 2.
Geometry
- Put coordinates on whole units (95% are integers).
- Straight lines: 72% horizontal or vertical, 28% at 45 degrees.
- About 39% of drawing commands are curves or arcs.
- Prefer left-right symmetric shapes (41% of icons are symmetric).
- Keep it simple: about 5 elements and 13 drawing commands per icon.
- Elements used by the set: path, g.
Color
- Monochrome: paint with currentColor only, never a fixed color.
- Duotone: add a second layer of the same color at opacity .3 to .4 (53% of icons).
Output
- Reply with one complete <svg> element and nothing else: no comments, <title>, ids or scripts.
- Match the examples: reuse their shapes for shared parts (arrow heads, people, documents, badges).
О наборе Иконки IconMind
Набор разделён на 15 категорий, в том числе интерфейс (3 726), ии (2 700), devops (2 136) и безопасность (2 028).
Популярные Иконки IconMind: agent outline regular, vector database duotone thin, stub tool outline bold, crop outline bold, action step outline thin и bottom sheet duotone bold.
Откройте любую иконку, чтобы скопировать её как SVG, JSX, Vue, Svelte, Solid, Astro или CSS или скачать в SVG или PNG. Иконки IconMind выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Иконки IconMind по категориям
Иконки Интерфейс (3 726)
Иконки ИИ (2 700)
Иконки DevOps (2 136)
Иконки Безопасность (2 028)
Иконки Инструменты разработчика (1 722)
Иконки Торговля (1 500)
Иконки Финансы (1 500)
Иконки Данные (1 410)
Иконки Агенты (1 404)
Иконки Облако (1 350)
Иконки Аналитика (1 170)
Иконки RAG (906)
Как использовать Иконки IconMind
Все иконки на этой странице работают в любом фреймворке. В примерах используется iconmind:agent-outline-regular; откройте иконку, чтобы скопировать её код в SVG, JSX, Vue, Svelte, Solid, Astro или CSS. Советы по размеру, цвету и доступности — в руководстве как использовать SVG-иконки.
React
import { Icon } from "@iconify/react";
<Icon icon="iconmind:agent-outline-regular" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconmind:agent-outline-regular" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconmind:agent-outline-regular" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconmind--agent-outline-regular]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconmind -->
<div class="i-iconmind:agent-outline-regular"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconmind:agent-outline-regular"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/iconmind/agent-outline-regular.svg" alt="Иконка Agent Outline Regular" width="24" height="24">Вопросы и ответы: Иконки IconMind
Можно ли бесплатно использовать Иконки IconMind в коммерческих проектах?
Да. Иконки IconMind выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Сколько иконок в наборе Иконки IconMind?
В наборе Иконки IconMind 31 722 иконки в 15 категориях.
Какая лицензия у набора Иконки IconMind?
Иконки IconMind распространяются по лицензии MIT. Полный текст лицензии доступен по адресу https://github.com/Iconmind/iconmind/blob/main/LICENSE.
Кто создал Иконки IconMind?
Автор набора Иконки IconMind — IconMind.
Как использовать Иконки IconMind в React?
Установите @iconify/react и отрисуйте <Icon icon="iconmind:agent-outline-regular" /> или откройте любую иконку на этой странице и скопируйте её как отдельный React-компонент.
Какого размера Иконки IconMind?
Иконки IconMind нарисованы по сетке 24 px. Как SVG они масштабируются до любого размера без потери качества.