Geomicons - unikāls ar roku kodēts SVG Iconset

Web iconsets ātri kļūst par normu modernam web dizainam. Tie ir milzīgi līdzekļi web dizaineriem, kā tie ikonas var pielāgot, izmantojot CSS un mainīts bez kvalitātes zuduma.

Bet daži ikonu iepakojumi var justies uzpampuši un pārāk lieli mazākām vietnēm. Tieši šeit Geomicons spīd.

Tas ir pielāgota ar roku kodēta ikonas pakotne, kas darbojas ar SVG. Jūs varat iegult ikonas, izmantojot JS skriptus, vai kā tiešus SVG failus savā lapā. Katrā ziņā, viņi ir skaisti vektori un super viegli atpūsties.

Galvenajā Geomicons lapā ir pilna visu ikonas demo. Viņi ir diezgan vienkārši un ievēro tradicionālo vienkrāsas plakanā dizaina stilu, kas mums visiem ir pazīstams.

Bet viņu iestatīšanas informācija demo lapā noteikti trūkst. Ja vēlaties uzzināt, kā to iestatīt, jums ir nepieciešams apmeklēt GitHub repo.

Pēc noklusējuma tas ir bibliotēka pieņem, ka strādājat ar CSS / JS lai šīs ikonas tiktu ievietotas tieši lapu elementos. Tomēr, kad lejupielādējat ikonas no GitHub, jūs saņemsiet visus neapstrādātos SVG failus, kurus varat pievienot tieši HTML.

Tikai nepatikšanas ir tā izejmateriālu SVG nepieciešams vairāk rediģēšanas lai mainītu krāsas, savukārt maršruts JS / CSS ļauj kontrolēt krāsas, izmantojot kodu.

Vienkārši pievienojiet geomicons.min.js skriptu savā galvenē un iziet datu ikona atribūts HTML elementos. Tie automātiski iespiež ikonas, kuras pēc tam var manipulēt, izmantojot CSS klases.

Vēl viena lieta, kas man patiešām patīk par Geomicons, ir atbalsts mezglam. Šeit ir parauga fragments no GitHub repo:

var geomicons = pieprasa (“ģeomicons-open”); var pathData = geomicons.paths.heart; // Atgriež ceļa d atribūta vērtību var svgString = geomicons.toString ('sirds'); // Atgriež SVG virkni

Ja neesat iepazinies ar mezglu, jums, iespējams, nekad nebūs jāizmanto kāds no mezgla fragmentiem. Tas pats attiecas uz šo ikonu React.js versiju.

Joprojām ir liels risinājums, atbalstot galvenās sistēmas. Tas ir vairāk pierādījums tam, ka Geomicons ir domāts atbalstīt jebkura veida tīmekļa vietnes vispirms koncentrējoties uz sniegumu.

Lai sniegtu šīm ikonām testu, varat kopēt kopiju caur npm vai lejupielādēt tieši caur GitHub.

Ir arī kontūras ikonas, ko sauc par Geomikonu vadu, ko jūs varētu arī izmēģināt.

Katrā ziņā tas ir a izcili ikonas minimālisma web dizaineriem. Ideāla izvēle, lai optimizētu jūsu vietni ar skaistām ikonām, vienlaikus samazinot kopējo lapas ielādes laiku.