Что это такое?
CSS.GG — это большая open-source библиотека иконок: более 700 иконок для интерфейсов, написанных на чистом CSS, плюс соответствующие версии в SVG и коллекция для Figma.
CSS.GG — это большая open-source библиотека иконок: более 700 иконок для интерфейсов, написанных на чистом CSS, плюс соответствующие версии в SVG и коллекция для Figma.Это иконочный шрифт или как вообще работают иконки?Никаких файлов шрифтов и никакого JavaScript: каждая иконка — это CSS-класс на чистом CSS, который вы просто вешаете на элемент; рядом идут версии в SVG и Figma.
Никаких файлов шрифтов и никакого JavaScript: каждая иконка — это CSS-класс на чистом CSS, который вы просто вешаете на элемент; рядом идут версии в SVG и Figma.Как добавить иконки в свой проект?Посмотрите иконки на сайте css.gg и скопируйте нужный CSS, установите npm-пакет или сразу возьмите файлы SVG и ассеты для Figma.
Посмотрите иконки на сайте css.gg и скопируйте нужный CSS, установите npm-пакет или сразу возьмите файлы SVG и ассеты для Figma.Нужен ли какой-то фреймворк или инструменты сборки?Ничего, кроме HTML и CSS. Иконки — это обычный CSS и SVG, поэтому подходит любой веб-стек или фреймворк, и этап сборки не нужен.
Ничего, кроме HTML и CSS. Иконки — это обычный CSS и SVG, поэтому подходит любой веб-стек или фреймворк, и этап сборки не нужен.Там только эти 700 иконок или в коллекции есть что-то ещё?Есть ещё GLYF — коллекция из более чем 6000 уникальных глифов, аккуратно организованных, плюс паттерны, цвета и макеты. Всё легко копируется вставкой, а расширение для Raycast даёт быстрый доступ к иконкам.
Есть ещё GLYF — коллекция из более чем 6000 уникальных глифов, аккуратно организованных, плюс паттерны, цвета и макеты. Всё легко копируется вставкой, а расширение для Raycast даёт быстрый доступ к иконкам.Можно использовать эти иконки в Figma?Да — иконки для Figma идут в комплекте с библиотекой, так что их можно сразу добавить в макеты.
Да — иконки для Figma идут в комплекте с библиотекой, так что их можно сразу добавить в макеты.Работает ли это с React и styled-components?styled-components указан среди поддерживаемых тем проекта, а поскольку иконки — это обычный CSS и SVG, они подходят к любому фреймворку, включая React.
styled-components указан среди поддерживаемых тем проекта, а поскольку иконки — это обычный CSS и SVG, они подходят к любому фреймворку, включая React.Проект ещё обновляется?Да — в августе 2024 года на сайте вышла новая версия с новым дизайном и новым способом просмотра иконок, а также были анонсированы плагин для Figma и новый релиз библиотеки.
Да — в августе 2024 года на сайте вышла новая версия с новым дизайном и новым способом просмотра иконок, а также были анонсированы плагин для Figma и новый релиз библиотеки.What are similar projects?Font-Awesome, heroicons, tabler-icons, react-icons, lucide, material-design-icons, styled-components, MaterialDesign
Font-Awesome, heroicons, tabler-icons, react-icons, lucide, material-design-icons, styled-components, MaterialDesign