Иконки Emoji One (v1)
emojione-v1 · 1 262 иконки · автор: Emoji One · CC-BY-SA-4.0 · многоцветные · сетка 32 px · Обновлено
Иконки Emoji One (v1) — бесплатный набор иконок с открытым кодом: 1 262 SVG-иконки от Emoji One, выпущенный под лицензией CC BY-SA 4.0. Иконки многоцветные, поэтому сохраняют свои цвета в любом размере. Они нарисованы по сетке 32 px и чётко масштабируются как SVG.
Дизайн-спецификация: Иконки Emoji One (v1)
- залитый
- многоцветные
Правила рисования этого набора, измеренные по его SVG-файлам. Используйте их, чтобы создавать новые иконки в том же стиле.
| Холст | 64 × 64 |
|---|---|
| viewBox | 0 0 64 64 |
| Область рисования | Весь холст, без отступов |
| Стиль рисования | Залитые фигуры |
| Радиус скругления | 0.25 |
| Цвета | Около 8 цветов на иконку |
| Координаты | До 3 знаков после запятой |
| Прямые линии | 70% горизонтальные или вертикальные, 1% под 45° |
| Кривые | 87% команд рисования |
| Симметрия | 16% иконок симметричны слева направо |
| Элементов на иконку | 12.8 |
| Команд рисования на иконку | 164 |
Измерено по 64 иконкам набора.
Генерация иконок с помощью ИИ
Лицензия разрешает создавать новые иконки на основе этого набора.
- Укажите авторов оригинала.
- Публикуйте производные иконки под той же лицензией (CC-BY-SA-4.0).
Строка атрибуции: Based on Emoji One (v1) by Emoji One, licensed under CC BY-SA 4.0. https://creativecommons.org/licenses/by-sa/4.0/
Стайлгайд для промпта LLM (на английском)
Вставьте его в промпт вместе с несколькими иконками из набора и укажите, какую иконку нужно нарисовать.
You draw new icons for the "Emoji One (v1)" icon set (Iconify prefix "emojione-v1") by Emoji One.
Style: filled, solid, multicolor.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">.
- Draw edge to edge: icons use the full canvas with no padding.
- A typical icon's bounding box covers 87% of the canvas.
Drawing
- Filled icons: draw closed filled shapes; don't use strokes.
- Round corners with a radius of about 0.25.
Geometry
- Coordinates are free-form; write at most 3 decimals.
- Straight lines: 70% horizontal or vertical, 1% at 45 degrees.
- About 87% of drawing commands are curves or arcs.
- Keep it simple: about 13 elements and 164 drawing commands per icon.
- Elements used by the set: path, g, circle, ellipse.
Color
- Multicolor, about 8 colors per icon. Use this palette: #25333a, #ffffff, #243438, #e6e7e8, #e7e6e6, #fbbf67, #04a69c, #633d19, #be1e2d, #1b75bb, #405866, #bcbdbf.
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).
- The result is a derivative of CC BY-SA 4.0; it must be released under the same license.
О наборе Иконки Emoji One (v1)
Набор разделён на 8 категорий, в том числе символы (263), флаги (225), предметы (207) и люди (200).
Популярные Иконки Emoji One (v1): face savoring food, panda face, artist palette, lightning mood, droplet и folder.
Откройте любую иконку, чтобы скопировать её как SVG, JSX, Vue, Svelte, Solid, Astro или CSS или скачать в SVG или PNG. Иконки Emoji One (v1) выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Иконки Emoji One (v1) по категориям
Иконки Символы (263)
Иконки Флаги (225)
Иконки Предметы (207)
Иконки Люди (200)
Иконки Природа (127)
Иконки Путешествия (116)
Иконки Занятия (62)
Иконки Еда (62)
Как использовать Иконки Emoji One (v1)
Все иконки на этой странице работают в любом фреймворке. В примерах используется emojione-v1:face-savoring-food; откройте иконку, чтобы скопировать её код в SVG, JSX, Vue, Svelte, Solid, Astro или CSS. Советы по размеру, цвету и доступности — в руководстве как использовать SVG-иконки.
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:face-savoring-food" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:face-savoring-food" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:face-savoring-food" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--face-savoring-food]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:face-savoring-food"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:face-savoring-food"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/face-savoring-food.svg" alt="Иконка Face Savoring Food" width="24" height="24">Вопросы и ответы: Иконки Emoji One (v1)
Можно ли бесплатно использовать Иконки Emoji One (v1) в коммерческих проектах?
Да. Иконки Emoji One (v1) выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Сколько иконок в наборе Иконки Emoji One (v1)?
В наборе Иконки Emoji One (v1) 1 262 иконки в 8 категориях.
Какая лицензия у набора Иконки Emoji One (v1)?
Иконки Emoji One (v1) распространяются по лицензии CC BY-SA 4.0. Полный текст лицензии доступен по адресу https://creativecommons.org/licenses/by-sa/4.0/.
Кто создал Иконки Emoji One (v1)?
Автор набора Иконки Emoji One (v1) — Emoji One.
Как использовать Иконки Emoji One (v1) в React?
Установите @iconify/react и отрисуйте <Icon icon="emojione-v1:face-savoring-food" /> или откройте любую иконку на этой странице и скопируйте её как отдельный React-компонент.
Какого размера Иконки Emoji One (v1)?
Иконки Emoji One (v1) нарисованы по сетке 32 px. Как SVG они масштабируются до любого размера без потери качества.