{"id":2643,"date":"2017-12-11T18:13:15","date_gmt":"2017-12-11T17:13:15","guid":{"rendered":"https:\/\/lsbeta.szmigiel.design\/?p=2643"},"modified":"2018-01-11T15:40:00","modified_gmt":"2018-01-11T14:40:00","slug":"iconmonstr-potwornie-bogata-galeria-darmowych-ikon","status":"publish","type":"post","link":"https:\/\/retro.szmigiel.design\/pl\/blog\/iconmonstr-potwornie-bogata-galeria-darmowych-ikon\/","title":{"rendered":"iconmonstr – potwornie bogata galeria darmowych ikon"},"content":{"rendered":"
\n

Wszystko powinno by\u0107 tak proste, jak to tylko mo\u017cliwe, ale nie prostsze<\/h2>\n

Legenda g\u0142osi, \u017ce s\u0142owa te powie\u00addzia\u0142 Albert Ein\u00adstein i\u00a0nieco kurio\u00adzal\u00adnym mo\u017ce wyda\u00adwa\u0107 si\u0119 ich przy\u00adto\u00adcze\u00adnie w\u00a0kon\u00adtek\u00ad\u015bcie pew\u00adnego zbioru pro\u00adstych, mono\u00adch\u00adro\u00adma\u00adtycz\u00adnych iko\u00adno\u00adgra\u00adfii, o\u00a0kt\u00f3\u00adrych jest ten tekst. Jed\u00adnak te s\u0142owa maj\u0105 du\u017co sensu, kiedy roz\u00adma\u00adwiamy o\u00a0pro\u00adjektowaniu \u2014 budyn\u00adk\u00f3w, sys\u00adte\u00adm\u00f3w iden\u00adty\u00adfi\u00adka\u00adcji wizu\u00adal\u00adnej, logo\u00adty\u00adp\u00f3w, stron inter\u00adne\u00adto\u00adwych, a\u00a0nawet ikon. Cho\u0107 ikony w\u00a0inter\u00adne\u00adcie oraz mate\u00adria\u00ad\u0142ach dru\u00adko\u00adwa\u00adnych przy\u00adbie\u00adraj\u0105 naj\u00adr\u00f3\u017c\u00adniej\u00adsze formy, cza\u00adsami potrze\u00adbu\u00adjemy cze\u00adgo\u015b bar\u00addzo pro\u00adstego i\u00a0uni\u00adwer\u00adsal\u00adnego \u2014 naj\u00adle\u00adpiej opra\u00adco\u00adwa\u00adnego w\u00a0jed\u00adno\u00adli\u00adtej sty\u00adli\u00adstyce. By\u0107 mo\u017ce sk\u0142a\u00addamy nowe CV\u00a0i\u00a0chcie\u00adli\u00adby\u00ad\u015bmy wyr\u00f3\u017c\u00adni\u0107 sek\u00adcje doku\u00admentu, a\u00a0mo\u017ce pro\u00adjektujemy makiet\u0119 dla klienta i\u00a0umiesz\u00adcze\u00adnie pro\u00adstych ele\u00admen\u00adt\u00f3w wizu\u00adal\u00adnych wzbo\u00adga\u00adci\u00ad\u0142oby komu\u00adni\u00adkat?<\/p>\n

W\u00a0takiej sytu\u00adacji dobrze mie\u0107 dost\u0119p do potwor\u00adnie boga\u00adtej gale\u00adrii dar\u00admo\u00adwych, wyso\u00adkiej jako\u00ad\u015bci ikon do pobra\u00adnia w\u00a0wielu for\u00adma\u00adtach i\u00a0kolo\u00adrach, za darmo. Za pro\u00adjekt icon\u00admonstr odpo\u00adwie\u00addzialny jest Ale\u00adxan\u00adder Kahl\u00adkopf, pro\u00adjek\u00adtant gra\u00adfiki oraz inter\u00adfej\u00ads\u00f3w. W\u00a0ser\u00adwi\u00adsie obec\u00adnie dost\u0119p\u00adnych jest ponad 4019\u00a0ikon w\u00a0273\u00a0tema\u00adtycz\u00adnych kolek\u00adcjach. Gra\u00adfiki przed\u00adsta\u00adwiaj\u0105 ele\u00admenty inter\u00adfej\u00ads\u00f3w, przedmioty codzien\u00adnego u\u017cytku, loga sieci spo\u00ad\u0142ecz\u00adno\u00ad\u015bcio\u00adwych, emo\u00adti\u00adkony, a\u00a0tak\u017ce kon\u00adcep\u00adcje czy idee (np. roz\u00admowa, kie\u00adru\u00adnek, etc.).\n<\/p><\/div>\n

\"\"<\/p>\n

\nWszyst\u00adkie ikony \u0142\u0105czy ta sama, pro\u00adsta sty\u00adli\u00adstyka oraz mo\u017c\u00adli\u00adwo\u015b\u0107 wyeks\u00adpor\u00adto\u00adwa\u00adnia zar\u00f3wno do for\u00adma\u00adt\u00f3w wek\u00adto\u00adro\u00adwych takich jak SVG czy EPS, jak i\u00a0rastro\u00adwych w\u00a0postaci pli\u00adk\u00f3w PNG oraz PSD. W\u00a0przy\u00adpadku eks\u00adportu do for\u00admatu PNG mo\u017cemy przy\u00adgo\u00adto\u00adwa\u0107 ikony miesz\u00adcz\u0105ce si\u0119 w\u00a0kwa\u00addra\u00adcie o\u00a0boku od 12\u00a0do\u00a0240 pik\u00adseli, w\u00a0dowol\u00adnym kolo\u00adrze, w\u00a0pozy\u00adty\u00adwie lub nega\u00adty\u00adwie oraz z\u00a0mo\u017c\u00adli\u00adwo\u00ad\u015bci\u0105 doda\u00adnia r\u00f3\u017c\u00adnego rodzaju obra\u00admo\u00adwa\u0144. Korzy\u00adsta\u00adj\u0105c z\u00a0tego narz\u0119\u00addzia, mo\u017cemy zatem b\u0142y\u00adska\u00adwicz\u00adnie wyge\u00adne\u00adro\u00adwa\u0107 sper\u00adso\u00adna\u00adli\u00adzo\u00adwane ikony, gotowe do wyko\u00adrzy\u00adsta\u00adnia gdzie tylko nam si\u0119 zama\u00adrzy.<\/p>\n

Ikony mo\u017cemy wyko\u00adrzy\u00adsty\u00adwa\u0107 zar\u00f3wno w\u00a0pro\u00adjek\u00adtach dar\u00admo\u00adwych, jak i\u00a0komer\u00adcyj\u00adnie. Licen\u00adcja nie pozwala nam na odsprze\u00adda\u017c ikon lub na ich wyko\u00adrzy\u00adsta\u00adnie w\u00a0postaci znaku towa\u00adro\u00adwego, lub logo\u00adtypu. Nie mo\u017cemy r\u00f3w\u00adnie\u017c korzy\u00adsta\u0107 z\u00a0dobro\u00addziej\u00adstwa ser\u00adwisu, umiesz\u00adcza\u00adj\u0105c ikony w\u00a0towa\u00adrzy\u00adstwie tre\u00ad\u015bci por\u00adno\u00adgra\u00adficz\u00adnych i\u00a0ofen\u00adsyw\u00adnych.<\/p>\n<\/i><\/span>iconmonstr.com<\/span><\/a>\n\n

Darmowe ikony na strony internetowe<\/h2>\n

Osoby pra\u00adgn\u0105ce wyko\u00adrzy\u00adsta\u0107 icon\u00admonstr w\u00a0pro\u00adjek\u00adtach webo\u00adwych mog\u0105 sko\u00adrzy\u00adsta\u0107 z\u00a0kolek\u00adcji ponad 300\u00a0ikon dost\u0119p\u00adnych pod posta\u00adci\u0105 fontu (icon font), kt\u00f3ry mo\u017cna pod\u00adpi\u0105\u0107 korzy\u00adsta\u00adj\u0105c z\u00a0og\u00f3l\u00adno\u00addo\u00adst\u0119p\u00adnego CDN, lin\u00adku\u00adj\u0105c w\u00a0nag\u0142\u00f3wku strony zas\u00f3b:<\/p>\n

https:\/\/cdn.iconmonstr.com\/1.3.0\/css\/iconmonstr-iconic-font.min.css<\/code><\/p>\n

Tak zaim\u00adple\u00admen\u00adto\u00adwane ikony mo\u017cemy wsta\u00adwia\u0107 do tre\u00ad\u015bci, wyko\u00adrzy\u00adstu\u00adj\u0105c do tego sys\u00adtem klas przy\u00adpi\u00adsa\u00adnych do HTMLo\u00adwego tagu i<\/code>, np.:<\/p>\n

<i class=\"im im-check-square\"><\/i><\/code><\/p>\n

Ico\u00adnic Font od icon\u00admonstr to \u015bwietna alter\u00adna\u00adtywa dla pro\u00adjektu Font Awe\u00adsome, kt\u00f3\u00adrego ikony obecne s\u0105 nie\u00admal\u017ce wsz\u0119\u00addzie \u2014 na wielu stro\u00adnach inter\u00adne\u00adto\u00adwych jest to pod\u00adsta\u00adwowa biblio\u00adteka z\u00a0iko\u00adnami. Je\u017celi wi\u0119c gra\u00adfiki z\u00a0Font Awe\u00adsome nam si\u0119 opa\u00adtrzy\u0142y, mo\u017cemy si\u0119\u00adgn\u0105\u0107 po kon\u00adku\u00adren\u00adcyjny zestaw.<\/p>\n<\/i><\/span>Iconic Font<\/span><\/a>\n\n

Niestandardowe ikony i piktogramy \u2014 kupi\u0107 czy zleci\u0107 zaprojektowanie?<\/h2>\n

icon\u00admonstr to potwor\u00adnie wielka gale\u00adria dar\u00admo\u00adwych ikon. Jed\u00adnak dla wielu mo\u017ce by\u0107 co naj\u00adwy\u00ad\u017cej potwor\u00adnie brzydka. Je\u017celi este\u00adtyka pro\u00adjektu Ci\u0119 nie prze\u00adko\u00adnuje albo potrze\u00adbu\u00adjesz nieco bar\u00addziej wyszu\u00adka\u00adnych ilu\u00adstra\u00adcji, mo\u017cesz zle\u00adci\u0107 stwo\u00adrze\u00adnie ikon gra\u00adfikowi, albo poszu\u00adka\u0107 odpo\u00adwied\u00adniego zestawu w\u00a0inter\u00adne\u00adcie.<\/p>\n

Je\u017celi nie potrze\u00adbu\u00adjesz ikon przy\u00adgo\u00adto\u00adwa\u00adnych na zam\u00f3\u00adwie\u00adnie, a\u00a0jako\u015b\u0107 dar\u00admo\u00adwych gra\u00adfik nie jest odpo\u00adwied\u00adnio wysoka, mo\u017cesz poszu\u00adka\u0107 goto\u00adwych zesta\u00adw\u00f3w np. w\u00a0ser\u00adwi\u00adsie Gra\u00adphi\u00adcri\u00adver. Jest ca\u0142\u00adkiem praw\u00addo\u00adpo\u00addobne, \u017ce za kil\u00adka\u00adna\u00ad\u015bcie dola\u00adr\u00f3w uda Ci si\u0119 kupi\u0107 poka\u017any zestaw ikon wraz z\u00a0pli\u00adkami \u017ar\u00f3\u00add\u0142o\u00adwymi, co pozwoli np. na szyb\u00adkie dosto\u00adso\u00adwa\u00adnie kolo\u00adry\u00adstyki do Two\u00adjego brandu.<\/p>\n<\/i><\/span>Graphicriver<\/span><\/a>\n\n

Podsumowanie<\/h2>\n

Oma\u00adwiana strona jest gale\u00adri\u0105 sp\u00f3j\u00adnych, czy\u00adtel\u00adnych, pro\u00adstych i\u00a0powta\u00adrzal\u00adnych ikon, kt\u00f3re mo\u017cemy wyko\u00adrzy\u00adsta\u0107 nie\u00adod\u00adp\u0142at\u00adnie w\u00a0dowol\u00adnym pro\u00adjek\u00adcie. Gra\u00adfiki zna\u00adle\u00adzione w\u00a0ser\u00adwi\u00adsie b\u0119d\u0105 \u015bwiet\u00adnym dodat\u00adkiem do tre\u00ad\u015bci, kt\u00f3\u00adrych cha\u00adrak\u00adter nie pozwala na wyko\u00adrzy\u00adsta\u00adnie roz\u00adbu\u00addo\u00adwa\u00adnych, kolo\u00adro\u00adwych ilu\u00adstra\u00adcji. Ikony zre\u00adali\u00adzo\u00adwane w\u00a0takiej este\u00adtyce mog\u0105 nada\u00adwa\u0107 rytm, sub\u00adtel\u00adnie pod\u00adkre\u00ad\u015bla\u0107 rze\u00adczy wa\u017cne, lub prze\u00adciw\u00adnie \u2014 by\u0107 no\u015bni\u00adkiem infor\u00adma\u00adcji o\u00a0tre\u00ad\u015bciach uzu\u00adpe\u0142\u00adnia\u00adj\u0105\u00adcych do tek\u00adstu g\u0142\u00f3w\u00adnego.<\/p>\n

To nie jedyna strona, na kt\u00f3\u00adrej mo\u017cemy zna\u00adle\u017a\u0107 dar\u00admowe ilu\u00adstra\u00adcje. W\u00a0sieci ist\u00adnieje wiele miejsc ofe\u00adru\u00adj\u0105\u00adcych dar\u00admowe gra\u00adfiki do pobra\u00adnia. Jed\u00adnak sty\u00adli\u00adstyka i\u00a0sp\u00f3j\u00adno\u015b\u0107 pro\u00adjektu iconm\u00adnostr spra\u00adwia, \u017ce zas\u0142u\u00adguje na wyr\u00f3\u017c\u00adnie\u00adnie i\u00a0warto doda\u0107 adres ser\u00adwisu do ulu\u00adbio\u00adnych zak\u0142a\u00addek.<\/p>\n

Daj zna\u0107 w\u00a0komentarzach<\/a>, je\u017celi znasz podobne, przy\u00addatne pro\u00adjekty, kt\u00f3\u00adrymi chcia\u0142\u00adby\u015b si\u0119 podzie\u00adli\u0107! Cie\u00adkaw jestem r\u00f3w\u00adnie\u017c Two\u00adjej opi\u00adnii na temat wyko\u00adrzy\u00adsta\u00adnia ikon w\u00a0pro\u00adjek\u00adto\u00adwa\u00adniu. Jedni je uwiel\u00adbiaj\u0105, inni nie\u00adna\u00adwi\u00addz\u0105. To bar\u00addzo cie\u00adkawy temat. Jakie jest Twoje zda\u00adnie?\n<\/div>\n","protected":false},"excerpt":{"rendered":"

icon\u00admonstr to potwor\u00adnie wielka gale\u00adria sp\u00f3j\u00adnych graficznie, czy\u00adtel\u00adnych, pro\u00adstych i powta\u00adrzal\u00adnych ikon, kt\u00f3re mo\u017cemy wyko\u00adrzy\u00adsta\u0107 nie\u00adod\u00adp\u0142at\u00adnie w dowol\u00adnym pro\u00adjek\u00adcie.<\/p>\n","protected":false},"author":3,"featured_media":2644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[27],"tags":[117,54,47,95],"class_list":["post-2643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-znalezione-w-sieci","tag-ikony","tag-narzedzie","tag-projektowanie-graficzne","tag-strony-internetowe"],"_links":{"self":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/2643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/comments?post=2643"}],"version-history":[{"count":0,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/posts\/2643\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media\/2644"}],"wp:attachment":[{"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/media?parent=2643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/categories?post=2643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/retro.szmigiel.design\/pl\/wp-json\/wp\/v2\/tags?post=2643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}