Ta galerija čistih ikon CSS je tisto, kar želijo vsi razvijalci frontalnega gradiva
Adobejev oblikovalec Wenting Zhang je ustvaril zanimiva spletna aplikacija za ustvarjanje čiste ikone CSS. Preprosto imenovan “Ikona CSS” in morda je ena najbolj kul generatorji ikon za razvijalce frontendov.
Ta projekt je popolnoma brezplačno in odprtega izvora na GitHubu tako da si lahko brezplačno prenesete in zmešate s kodami.
Te ikone nimajo nobenih odvisnosti CSS ali potrebujete posebne funkcije brskalnika. Na prvi pogled se lahko zdi, da so ikone zgrajene na SVG, vendar pravzaprav so samo div.
S pomočjo čarovnije CSS-a lahko gradite ikone po meri za skupni elementi vmesnika kot je meni hamburger, ikona s tremi pikami ali ikona za tiskanje (med mnogimi drugimi).
Izbirate lahko med ikone tanke črte ali temno napolnjene ikone. Oba uporabljata podobne lastnosti CSS lahko pa tudi vidite, kaj so, tako da kliknete poljubno ikono na seznamu. Videli boste drsna stranska vrstica s kodo HTML in CSS skupaj s povečano ikono.
Če pogledate v zgornji desni kot polja, boste videli a mala kopija ikona. Kliknite to samodejno kopira kodo v odložišče. Oh, in ta kopija ikone? Prav tako je zgrajena z Wentingovo čisto CSS kodo.
Za spremenite barvo katere koli ikone, samo Poišči barve nepremičnine v glavnem razredu ikon. Posodabljanje tega barve nepremičnine tudi vse ostalo bo spremenilo.
Ker so te ikone Preprosto, verjetno ne bodo delovali za vsako spletno mesto. Toda to je kul alternativa slikam ali pisavam ikon in to je popolnoma brezplačno.
Oglejte si Domača stran ikone CSS do glej več primerov in do kopirajte / uredite vir. Lahko tudi preizkusite vsako ikono posebej v CodePen, če želite igral z virom v brskalniku.
