Иконки значки: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

Пакеты значков — Envato Elements

Уточнить

Очистить

• Категории

  Фоны

  10,764

  Текстуры

  4,729

  Социальные

  6,785

  Паттерны

  6,165

  Значки

  32,091

  Объекты

  28,544

  иллюстрации

  58,668

• Поддерживаемые приложения

  Adobe Photoshop

  17,359

  Adobe Illustrator

  31,590

  Figma

  10,947

  Sketch

  12,191

  Affinity Designer

  11,160

• Типы файлов

  JPG

  9,400

  PNG

  26,670

• Свойства

  Векторный

  31,158

  Многослойный

  17,397

  Черепичный

  3,392

Уточнить

Очистить

• Категории

  Фоны

  10,764

  Текстуры

  4,729

  Социальные

  6,785

  Паттерны

  6,165

  Значки

  32,091

  Объекты

  28,544

  иллюстрации

  58,668

• Поддерживаемые приложения

  Adobe Photoshop

  17,359

  Adobe Illustrator

  31,590

  Figma

  10,947

  Sketch

  12,191

  Affinity Designer

  11,160

• Типы файлов

  JPG

  9,400

  PNG

  26,670

• Свойства

  Векторный

  31,158

  Многослойный

  17,397

  Черепичный

  3,392

Сортировать по популярностипо новизне

• 80 Иконки карты и навигации

  От Krafted

  Добавить в коллекцию

  Скачать

• вектор иллюстрация Pop-Art Design

  От danjazzia

  Добавить в коллекцию

  Скачать

• Современная школа и образование тонкая линия дизайна Иконки

  От BoykoPictures

  Добавить в коллекцию

  Скачать

• Личные & Бизнес Финансы Набор Иконки 3 — Симпа

  От introwiz1

  Добавить в коллекцию

  Скачать

• Потрясающие Иконки кибербезопасности

  От CkyBe

  Добавить в коллекцию

  Скачать

• Симпатичные кошки в разных позах на белом фоне.

  От masastarus

  Добавить в коллекцию

  Скачать

• байкер череп

  От the-sastra

  Добавить в коллекцию

  Скачать

• Иконки линий графического дизайна

  От iconsoul

  Добавить в коллекцию

  Скачать

• 20 Валентина линии многоцветные Иконки

  От IconBunny

  Добавить в коллекцию

  Скачать

• Рождественские каракули. Вектор, PNG, SVG

  От helga_helga

  Добавить в коллекцию

  Скачать

• 57 Иконки для веб-разработки и мобильных устройств

  От polshindanil

  Добавить в коллекцию

  Скачать

• 20 Дизайн и ремесла Иконки

  От mir_design

  Добавить в коллекцию

  Скачать

• 120 Иконок бизнес Doodle

  От koctia

  Добавить в коллекцию

  Скачать

• Привет Стикеры

  От PureSolution

  Добавить в коллекцию

  Скачать

• Праздничный — Рождественский контур Иконка Набор

  От kohorta_studio

  Добавить в коллекцию

  Скачать

• Иконки приключений на открытом воздухе

  От wjfranklin

  Добавить в коллекцию

  Скачать

• 15 Иконки банка и финансов

  От creativevip

  Добавить в коллекцию

  Скачать

• Набор цветовых заголовков плоской линии

  От graphics4u

  Добавить в коллекцию

  Скачать

• Свежие летние Иконки

  От SetiadiKaryaPertiwi

  Добавить в коллекцию

  Скачать

• Набор значков Сигникон

  От oelhoem

  Добавить в коллекцию

  Скачать

• Иконки линий расширены

  От UnioCS

  Добавить в коллекцию

  Скачать

• Набор морских Иконки к и узоров

  От barsrsind

  Добавить в ко

ключ icons — Mozilla | MDN

"icons": {
  "48": "icon. png",
  "96": "[email protected]"
}

Ключ icons определяет, какие иконки (значки) будет использовать ваше дополнение. Эти иконки будут использоваться при показе вашего дополнения в менеджерах компонентов, таких как Менеджер Дополнений.

Он содержит информацию вида ключ-значение со следующими данными: размер изображения в пикселях и путь к соответствующему изображению относительно директории, в которой содержится дополнение.

Если иконки не предоставлены с помощью этого ключа icons, вместо них будет использоваться стандартная иконка для расширений.

Вы должны указать по крайней мере одну главную иконку, в идеале размером 48х48 пикселей. Эта иконка будет использоваться по умолчанию в Менеджере Дополнений. Конечно, можно добавить иконки любого размера, и Firefox постарается найти лучшую из них для показа в разных компонентах.

Firefox учитывает разрешение экрана, когда выбирает иконку. Чтобы получить наилучший результат на мониторах с большим разрешением, использующих технологию Retina display, добавьте для каждой иконки версию с размерами в два раза больше.

Ключи в объекте icons определяют размеры иконок в пикселях, значения — относительный путь к файлам с изображениями. Этот пример содержит иконку размером 48х48 пикселей и увеличенную версию для мониторов высокого разрешения.

"icons": {
  "48": "icon.png",
  "96": "[email protected]"
}

В качестве иконки можно использовать файл SVG. Тогда браузер будет масштабировать иконку так, чтобы она подходила к компоненту, в котором она используется. Но есть два предостережения:

1. В файле изображения должен быть определён viewBox. Например:

   <svg viewBox="0 0 48 48" ...
   

2. Даже в том случае, если используется всего один файл, нужно определить его для разных размеров иконки в манифесте. Например:

   "icons": {
     "48": "icon.svg",
     "96": "icon.svg"
   }
   

Примечание: Если вы используете программу Inkscape или подобную ей для создания SVG, сохраняйте изображение как «Простой SVG». Иначе Firefox может запутаться во множестве специальных пространств имён и не отобразить картинку.

BCD tables only load in the browser

Found a content problem with this page?

• Edit the page on Github.
• Report the content issue.
• View the source on GitHub.

Want to get more involved? Learn

how to contribute.

This page was last modified on 29 окт. 2022 г. by MDN contributors.

Ultra Crisp Vector Line Icons (SVG, PNG, PSD, CSH, EPS, Icon Font и др.)

Просмотреть все значки

Если вы не нашли нужный значок, свяжитесь с нами. Он может быть добавлен в будущих обновлениях.

Все значки в наборе значков Linearicons тщательно созданы вручную на сетке 20×20 пикселей. Каждый значок линии был разработан, чтобы соответствовать остальным значкам в наборе.

120

80

60

40

20

В результате использования этой сетки все значки в пакете значков выглядят четкими и четкими при разрешении 20 пикселей и кратных ему размерах 40 пикселей, 903, 02, 80 пикселей и т. д. Все значки в наборе значков были тщательно протестированы как на обычных экранах, так и на экранах с высоким значением PPI (таких как дисплеи Apple Retina), чтобы обеспечить наилучшие результаты на всех платформах, включая устройства iOS и Android.

Иконки бывают разных форматов, как векторные, так и растровые.

• SVG (масштабируемая векторная графика)
• EPS (инкапсулированный PostScript)
• PNG в формате 20, 40, 60 и 80 пикселей
• Устанавливаемый шрифт (TTF)
• Пользовательские веб-шрифты

SVG можно импортировать практически в любую программу редактирования векторной графики. Вы также можете вставлять/встраивать их в свои веб-страницы HTML.

Как SVG, так и шрифты легко настраиваются. Вы можете легко изменить их цвет и размер или добавить к ним эффекты CSS.

Пакет значков Linearicons включает шрифт, который можно установить и использовать в любом приложении с помощью специального текстового инструмента (например, Adobe Photoshop, Sketch или Adobe Illustrator). Этот шрифт поставляется с сотнями лигатур, что упрощает поиск и использование значков. Используя этот шрифт, вы можете ввести ключевое слово, чтобы отобразить значок, связанный со словом. Посмотрите видео, показывающее эту функцию. Кроме того, этот шрифт поставляется с набором основных латинских символов, тем же самым шрифтом, который используется на этой веб-странице!

Ниже показано, как будет работать лигатурный шрифт Linearicons.
Это ограниченная демонстрация; но вы можете попробовать эти слова:
изображение, файлы, ручка, сумка, глаз

С помощью этого пакета значков вы сможете создавать свои собственные шрифты значков через приложение IcoMoon. При таком подходе вы сможете создавать оптимизированные шрифты с небольшим размером файла, а не использовать большой файл шрифта, содержащий сотни иконок, которые могут вам понадобиться или не понадобиться в ваших проектах.

Этот пакет становится все более ценным с выпуском каждого обновления, и его цена будет повышаться. Чтобы ценить лояльность и раннее внедрение, вы будете получать все будущие обновления бесплатно. Первая версия пакета значков Linearicons была выпущена всего с 407 значками. Текущая версия содержит 1001 иконку!

Ваша покупка лицензии Linearicons подкреплена 100% гарантией возврата денег. Если вы не были удовлетворены по какой-либо причине, свяжитесь с нами в течение 14 дней с момента покупки, чтобы получить полный возврат средств. Никаких вопросов не было задано.

• Используйте Linearicons как в коммерческих, так и в некоммерческих проектах
• Изменяйте значки по своему усмотрению
• 14-дневная политика возврата средств
• 10 дизайнеров/разработчиков на лицензию
• Вам не нужна дополнительная лицензия для новых проектов
• Никаких дополнительных сборов за будущие обновления

Иконки Notion

Самый простой способ использовать

Скопируйте URL; вставьте его как ссылку при выборе значка в Notion.