Иконки Ginetex Care Symbols
ginetex · 50 иконок · автор: YESSIR Organization · MIT · одноцветные · сетка 24 px · Обновлено
Иконки Ginetex Care Symbols — бесплатный набор иконок с открытым кодом: 50 SVG-иконок от YESSIR Organization, выпущенный под лицензией MIT. Иконки одноцветные: они наследуют цвет текста (currentColor), и их цвет можно менять через CSS. Они нарисованы по сетке 24 px и чётко масштабируются как SVG.
Дизайн-спецификация: Иконки Ginetex Care Symbols
- залитый
- монохромный
Правила рисования этого набора, измеренные по его SVG-файлам. Используйте их, чтобы создавать новые иконки в том же стиле.
| Холст | 24 × 24 |
|---|---|
| viewBox | 0 0 24 24 |
| Область рисования | 21.34 × 21.34, отступ 1.33 |
| Стиль рисования | Залитые фигуры |
| Радиус скругления | 0.25 |
| Цвета | Один цвет (currentColor), меняется через CSS |
| Координаты | До 3 знаков после запятой |
| Прямые линии | 56% горизонтальные или вертикальные, 24% под 45° |
| Кривые | 41% команд рисования |
| Симметрия | 38% иконок симметричны слева направо |
| Элементов на иконку | 2.3 |
| Команд рисования на иконку | 35 |
Измерено по 50 иконкам набора.
Генерация иконок с помощью ИИ
Лицензия разрешает создавать новые иконки на основе этого набора.
- Укажите авторов оригинала.
Строка атрибуции: Based on Ginetex Care Symbols by YESSIR Organization, licensed under MIT. https://github.com/yessir-web-tech/ginetex-icons/blob/main/LICENSE
Стайлгайд для промпта LLM (на английском)
Вставьте его в промпт вместе с несколькими иконками из набора и укажите, какую иконку нужно нарисовать.
You draw new icons for the "Ginetex Care Symbols" icon set (Iconify prefix "ginetex") by YESSIR Organization.
Style: filled, solid, monochrome.
Iconify describes the set as: Precise Shapes, Has Padding.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">.
- Keep the drawing inside a 21.34x21.34 live area: about 1.33 units of padding on every side (never less than 0).
- A typical icon's bounding box covers 78% of the canvas.
Drawing
- Filled icons: draw closed filled shapes; don't use strokes.
- Wrap the shapes in <g fill="currentColor">, as 50% of the set does.
- Round corners with a radius of about 0.25.
Geometry
- Coordinates are free-form; write at most 3 decimals.
- Straight lines: 56% horizontal or vertical, 24% at 45 degrees.
- About 41% of drawing commands are curves or arcs.
- Keep it simple: about 2 elements and 35 drawing commands per icon.
- Elements used by the set: path, g, clippath, defs.
- 34% of icons cut or clip shapes with <mask> or <clipPath>.
Color
- Monochrome: paint with currentColor only, never a fixed color.
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).
О наборе Иконки Ginetex Care Symbols
Набор разделён на 5 категорий, в том числе сушка (20), стирка (14), глажка (6) и профессиональный уход (6).
Популярные Иконки Ginetex Care Symbols: washing, bleaching, line drying, do not bleach, hot iron и 30c fine wash.
Откройте любую иконку, чтобы скопировать её как SVG, JSX, Vue, Svelte, Solid, Astro или CSS или скачать в SVG или PNG. Иконки Ginetex Care Symbols выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Иконки Ginetex Care Symbols по категориям
Иконки Сушка (20)
Иконки Стирка (14)
Иконки Глажка (6)
Иконки Профессиональный уход (6)
Иконки Отбеливание (4)
Как использовать Иконки Ginetex Care Symbols
Все иконки на этой странице работают в любом фреймворке. В примерах используется ginetex:washing; откройте иконку, чтобы скопировать её код в SVG, JSX, Vue, Svelte, Solid, Astro или CSS. Советы по размеру, цвету и доступности — в руководстве как использовать SVG-иконки.
React
import { Icon } from "@iconify/react";
<Icon icon="ginetex:washing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ginetex:washing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ginetex:washing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ginetex--washing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ginetex -->
<div class="i-ginetex:washing"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ginetex:washing"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/ginetex/washing.svg" alt="Иконка Washing" width="24" height="24">Вопросы и ответы: Иконки Ginetex Care Symbols
Можно ли бесплатно использовать Иконки Ginetex Care Symbols в коммерческих проектах?
Да. Иконки Ginetex Care Symbols выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Сколько иконок в наборе Иконки Ginetex Care Symbols?
В наборе Иконки Ginetex Care Symbols 50 иконок в 5 категориях.
Какая лицензия у набора Иконки Ginetex Care Symbols?
Иконки Ginetex Care Symbols распространяются по лицензии MIT. Полный текст лицензии доступен по адресу https://github.com/yessir-web-tech/ginetex-icons/blob/main/LICENSE.
Кто создал Иконки Ginetex Care Symbols?
Автор набора Иконки Ginetex Care Symbols — YESSIR Organization.
Как использовать Иконки Ginetex Care Symbols в React?
Установите @iconify/react и отрисуйте <Icon icon="ginetex:washing" /> или откройте любую иконку на этой странице и скопируйте её как отдельный React-компонент.
Какого размера Иконки Ginetex Care Symbols?
Иконки Ginetex Care Symbols нарисованы по сетке 24 px. Как SVG они масштабируются до любого размера без потери качества.