Геомицонс - А Уникуе Ханд-Цодед СВГ Ицонсет

Веб иконе брзо постају норма модерног веб дизајна. Они су велика средства за веб дизајнере иконе се могу прилагодити преко ЦСС-а и промена величине без губитка квалитета.

Међутим, неки пакети икона могу се осјећати напуханим и превеликим за мање локације. Тамо Геомицонс стварно сјаји.

Ово је прилагођени пакет ручно кодираних икона који ради на СВГ-у. Иконе можете уградити кроз ЈС скрипте или као директне СВГ датотеке на вашу страницу. У сваком случају, они су прелепи вектори и супер лагани.

Главна Геомицонс страница садржи пуни демо свих икона. Они су прилично једноставни и прате традиционални једнобојни стил дизајна који нам је познат.

Али информације о њиховом подешавању сигурно недостају на демо страници. Ако желите да научите како да подесите ово, морате да посетите ГитХуб репо за инструкције.

По дефаулту, ово библиотека претпоставља да радите са ЦСС / ЈС да би ове иконе биле уграђене директно у елементе странице. Ипак, када преузмете иконе из ГитХуб-а добијате све СВГ датотеке које можете директно додати у ХТМЛ.

То је само проблем сирови СВГ-ови захтевају више уређивања да промените боје, док вам ЈС / ЦСС пут даје контролу над бојама преко кода.

Једноставно додајте геомицонс.мин.јс скрипту у заглавље и проследите дата-ицон атрибут у ХТМЛ елементима. То ће аутоматски уградити иконе које можете манипулисати помоћу ЦСС класе.

Још једна ствар коју волим код Геомицонса је подршка за Ноде. Ево примера исечка из ГитХуб репо-а:

вар геомицонс = рекуире ('геомицонс-опен'); вар патхДата = геомицонс.патхс.хеарт; // Враћа вредност атрибута д путања вар свгСтринг = геомицонс.тоСтринг ('срце'); // Враћа СВГ низ

Ако нисте упознати са Ноде-ом, вероватно никада нећете морати да користите било који од одломака Ноде. Исто важи и за Реацт.јс верзију ових икона.

Још увек имамо подршку за главне оквире. То је више доказ да су Геомицонси намијењени подржите било коју врсту веб странице прво фокусирањем на перформансе.

Да бисте овим иконама дали пробни рад, можете копирати преко нпм-а или их преузети директно преко ГитХуб-а.

Ту је и скица икона под називом Геомицонс Виред коју можете и тестирати.

У сваком случају, ово је бриљантан иконица за минималистичке веб дизајнере. Савршен избор за оптимизирање веб-локације с прекрасним иконама уз смањење укупног времена учитавања странице.