Početna » Grafika » Geomicons - jedinstvena ručno kodirana SVG Iconset

    Geomicons - jedinstvena ručno kodirana SVG Iconset

    Web ikone brzo postaju norma modernog web dizajna. Oni su velika sredstva za web dizajnere kao ove ikone mogu se prilagoditi putem CSS-a Promjena veličine bez gubitka kvalitete.

    No, neki paketi ikona mogu se osjećati napuhanim i prevelikim za manje stranice. Tamo doista sjaji Geomicons.

    Ovo je prilagođeni paket ručno kodiranih ikona koji se izvodi na SVG-u. Ikone možete ugraditi kroz JS skripte ili kao izravne SVG datoteke na svoju stranicu. U svakom slučaju, oni su prelijepi vektori i super su jednostavni.

    Glavna stranica Geomiconsa sadrži puni demo svih ikona. Prilično su jednostavni i prate tradicionalni jednobojni stil dizajna koji nam je poznat.

    No, informacije o njihovom podešavanju sigurno nedostaju na demo stranici. Ako želite naučiti kako to podesiti, morat ćete posjetiti GitHub repo za upute.

    Prema zadanim postavkama ovo knjižnica pretpostavlja da radite s CSS / JS da se te ikone ugrađuju izravno u elemente stranice. Ipak, kada preuzmete ikone iz GitHub-a dobivate sve SVG datoteke koje možete izravno dodati u HTML.

    To je samo problem sirovi SVG-ovi zahtijevaju više uređivanja za promjenu boja, dok JS / CSS ruta daje kontrolu nad bojama preko koda.

    Jednostavno dodajte geomicons.min.js skriptu u zaglavlje i proslijedite podataka ikona atribut u HTML elementima. To će automatski ugraditi ikone koje zatim možete manipulirati pomoću CSS klasa.

    Još jedna stvar koju volim kod Geomiconsa je podrška za Node. Evo primjera isječka iz repozicije GitHub:

    var geomicons = require ('geomicons-open'); var pathData = geomicons.paths.heart; // Vraća vrijednost d atributa staze var svgString = geomicons.toString ('srce'); // Vraća SVG niz

    Ako niste upoznati s Node-om, vjerojatno nikada nećete morati koristiti bilo koji od isječaka čvora. Isto vrijedi i za React.js verziju tih ikona.

    Još uvijek imamo podršku za glavne okvire. To je više dokaz da su Geomiconi namijenjeni podržavaju bilo koju vrstu web-lokacije prvo se usredotočite na izvedbu.

    Da biste tim ikonama dali probni rad, možete kopirati putem npm-a ili ih preuzeti izravno putem GitHub-a.

    Tu je i skica ikona pod nazivom Geomicons Wired koju biste mogli testirati.

    U svakom slučaju, ovo je briljantan ikona za minimalističke web dizajnere. Savršen izbor za optimiziranje web-lokacije s prekrasnim ikonama uz smanjenje ukupnog vremena učitavanja stranice.