Ова галерија чистих ЦСС икона је оно што сви фронтендери желе

Адобе дизајнер Вентинг Зханг креирао је занимљива веб апликација за генерисање чистих ЦСС икона. Једноставно се зове “ЦСС Ицон” и можда је један од најбољих ицон генераторс за фронтенд програмере.

Овај пројекат је потпуно бесплатно и опен-соурцед на ГитХуб тако да сте слободни за преузимање и забрљати са било којим од кодова.

Ове иконе немају ЦСС зависности или вам требају посебне функције прегледача. На први поглед, може изгледати као да су иконе изграђене на СВГ-овима, али они су заправо дивови.

Кроз чаролију ЦСС-а, можете градити иконе прилагођене линије за заједнички елементи интерфејса као што је мени хамбургера, икона за три тачке или икона за штампање (међу многим другима).

Можете бирати између иконе танких линија или тамне напуњене иконе. Оба користе сличне ЦСС особине можете чак и да видите шта су они тако што ћете кликнути на било коју икону на листи. Видећете слидинг сидебар са ХТМЛ и ЦСС кодом заједно са увећаном иконом.

Ако погледате у горњи десни угао поља кода, видјет ћете а мала копија икона. Кликните на то аутоматски копирати код у ваш клипборд. Ох, и та копија иконе? Такође је изграђен са Вентинговим чистим ЦСС кодом.

До промените боју било које иконе, само финд тхе цолор својство у главној класи икона. Ажурирање тог цолор својство ће промијенити и све остало.

Пошто су те иконе прилично једноставно, вероватно неће радити за сваки веб сајт. Али ово је одлична алтернатива сликама или фонтовима икона и његове потпуно бесплатно.

Проверите Почетна страница ЦСС иконе до видети више примера и то копирајте / уредите извор. Можете такође тестирајте сваку икону одвојено у ЦодеПен ако желите играте са извором у вашем претраживачу.