Иконки «Svg» — скачай бесплатно PNG и вектор
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Вектор
+ В коллекцию
Сердце Pokemon
+ В коллекцию
Сердце Pokemon
+ В коллекцию
Сердце Pokemon
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Анимированные
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Анимированные
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Half Heart
+ В коллекцию
Семинольский головной убор
+ В коллекцию
Разбитое сердце
+ В коллекцию
Семинольский головной убор
+ В коллекцию
Семинольский головной убор
+ В коллекцию
Семинольский головной убор
+ В коллекцию
Разбитое сердце
Разбитое сердце
+ В коллекцию
Разбитое сердце
+ В коллекцию
Разбитое сердце
+ В коллекцию
Разбитое сердце
+ В коллекцию
Создание svg иконок для сайта (favicon svg)
От автора: простые, часто геометрические и выполненные в различных размерах иконки (favicon) отлично подходят под SVG формат. К сожалению, до недавнего времени браузеры очень плохо поддерживали SVG фавиконы. В Firefox 41 появилась поддержка данного формата, в Safari 9 для десктопной и мобильной версии (с некоторыми уступками). Однако в IE/Edge и Chrome все еще нет поддержки, по крайней мере, на данный момент. Тем не менее, ситуация вскоре изменится (должна измениться). Так что стоит уделить немного времени и изучить возможности и синтаксис SVG фавиконов, дабы подготовить ваш сайт к грядущим временам.
Проблема
С момента создания картинки 16х16 пикселей изменилась сама концепция фавиконов. Теперь фавикон должен работать с целой серией иконок, заточенных под тачскрины, с плиточным интерфейсом новых версий Windows, со специальными возможностями Retina дисплеев и т.д. Комплексное решение (от realfavicongenerator) включает в себя довольно длинный список всевозможных вариантов:
<link rel=»apple-touch-icon» href=»/apple-touch-icon-57×57.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-60×60. png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-72×72.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-76×76.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-114×114.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-120×120.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-144×144.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-152×152.png»>
<link rel=»apple-touch-icon» href=»/apple-touch-icon-180×180.png»>
<link rel=»icon» type=»image/png» href=»/favicon-32×32.png»>
<link rel=»icon» type=»image/png» href=»/android-chrome-192×192.png»>
<link rel=»icon» type=»image/png» href=»/favicon-96×96.png»>
<link rel=»icon» type=»image/png» href=»/favicon-16×16.png»>
<link rel=»manifest» href=»/manifest.json»>
<meta name=»msapplication-TileColor» content=»#da532c»>
<meta name=»msapplication-TileImage» content=»/mstile-144×144.