Открытая бета · каталог пополняется

Иконки и текстуры без лицензионных вопросов

118 файлов в SVG и PNG. Всё нарисовано для этого каталога и передано в общественное достояние — берите в коммерческие проекты, указывать источник не нужно.

image.svg
24×24 · 316 B
folder.svg
24×24 · 303 B
cloud-down.svg
24×24 · 320 B
search.svg
24×24 · 248 B
home.svg
24×24 · 250 B
layers.svg
24×24 · 287 B
файлов 118
коллекций 6
форматы SVG · PNG
лицензия CC0 1.0

Коллекции

Векторные наборы собраны по сетке 24×24 и единой толщине штриха 1.5 px.

Интерфейсные иконки

Базовый набор для панелей, форм и навигации. Сетка 24×24, штрих 1.5 px, скруглённые концы.

58 файлов · SVG

Погода

Осадки, облачность, солнце и луна. Та же сетка и толщина штриха, что у интерфейсного набора.

12 файлов · SVG

Типы файлов

Значки расширений на общем шаблоне листа. Подпись — часть контура, отдельный шрифт не нужен.

14 файлов · SVG

Бесшовные паттерны

Векторные тайлы. Стыкуются по всем краям, размер тайла указан в имени файла.

14 файлов · SVG

Градиентные фоны

Мягкие переходы для обложек, подложек и первых экранов. Растр 1200×800, без резких стыков — кадрируется под любую пропорцию.

12 файлов · PNG

Растровые текстуры

Бумага, холст, бетон, полутон. Тайлы 512×512, кладутся фоном через background-repeat.

8 файлов · PNG

Подключение

Прямые ссылки, архивы наборов и то, как это вставляется в вёрстку.

Файлы отдаются напрямую с cdn.rastrio.ru — скачивать архив не обязательно, можно ссылаться на нужный ассет прямо из вёрстки.

Раздача идёт через сеть доставки контента, поэтому файлы открываются одинаково быстро из любого региона. Адрес файла постоянный и не меняется при обновлении каталога.

Векторные иконки нарисованы с stroke="currentColor": вставленные инлайном, они принимают цвет текста родителя.

Нужен весь набор целиком — на странице коллекции есть ссылка на ZIP.

Иконка в разметке

<!-- контурная иконка 24×24 -->
<img src="https://cdn.rastrio.ru/ui/24/cloud-down.svg"
     width="24" height="24" alt="Скачать">

Паттерн фоном

.hero {
  background-image: url("https://cdn.rastrio.ru/patterns/svg/grid-16.svg");
  background-size: 16px 16px;
}

Растровая текстура

.paper {
  background: url("https://cdn.rastrio.ru/textures/paper-fine.png") repeat;
}

Коллекция архивом

https://cdn.rastrio.ru/packs/rastrio-full.zip — 1430.6 KB
Ссылка скопирована