[{"data":1,"prerenderedAt":338},["ShallowReactive",2],{"project-24835219":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":41,"post_text":42,"what":43,"said":74,"maker_in_thread":206,"shape":217,"grid":221,"attempts":301,"same_week":302,"maker_shows":36,"maker_hidden":330,"reader_version":331,"card":332},"24835219","Formito Favicon Generator","Design Stripe or Hacker News-like favicons in seconds","title","Show HN: Design Stripe or Hacker News-like favicons in seconds","https:\u002F\u002Fformito.com\u002Ftools\u002Ffavicon","formito.com","hosshams",1603184194,2020,199,41,281,3028,10,"notable","dev_tools","favicon generator","web_app",[21,24,25,26],"svg favicon","font favicon","emoji favicon","curious",-0.119,{"positive":30,"neutral":31,"mixed":30,"critical":32},2,14,5,23,{"design":35,"execution":38,"idea":40},{"positive":36,"critical":37},1,3,{"positive":39,"critical":30},0,{"positive":36,"critical":39},[37,39,37,39,37,37,37,37,39,36,39,37,37,39,36,39,37,39,37,39,36,39,37,39,37,39,39,39,32,37,37,39,39,32,39,36,39,36,37,37],null,{"problem":44,"audience":54,"pricing":42,"motivation":42,"time_to_build":42,"stack":64,"openness":72,"stage":73,"team_size":72},{"value":45,"source":46,"evidence":47},"Creating favicons from letters or emoji quickly without design tools.","inferred",[48,50],{"id":49},"post",{"id":51,"by":52,"text":53},"24835904","atlasV","I was looking for something like this (Free+less faf svg generator)",{"value":55,"source":46,"evidence":56},"Developers and founders making favicons for websites and startups.",[57,61],{"id":58,"by":59,"text":60},"24851235","SiVal","First, I love what you're doing here. I'd like to use it, but there is something stopping me: when I have lots of options, I need an easy way to compare them. I would so much…",{"id":62,"by":11,"text":63},"24837699","I might create a list like Google Font where you can preview all fonts for your Startup initials or search for a specific one. This should be a better UI than the current one I…",[65],{"value":66,"source":67,"evidence":68},"OpenType.js used to convert fonts to SVG paths","maker",[69],{"id":70,"by":11,"text":71},"24837459","Hi, I use https:\u002F\u002Fopentype.js.org\u002F to convert a font to path. As you can see in https:\u002F\u002Fcaniuse.com\u002Flink-icon-svg all modern browsers support SVG favicon right now (88% of users…","unknown","beta",{"praise":75,"objections":98,"requests":135,"questions":173,"alternatives":197},[76,90],{"value":77,"source":78,"evidence":79},"Simple, nice interface and quick favicon creation","commenter",[80,84,85,89],{"id":81,"by":82,"text":83},"24835688","egorfine","Surprisingly nice tool, thanks! One seemingly major feature missing: ability to change the font size.",{"id":58,"by":59,"text":60},{"id":86,"by":87,"text":88},"24837651","Minor49er","I tried it on Firefox 79. The menu would show various emoji, but selecting one would sometimes use the Unicode version rather than the exact style that I selected. For example,…",{"id":51,"by":52,"text":53},{"value":91,"source":78,"evidence":92},"Useful for comparing many fonts and emoji",[93,97],{"id":94,"by":95,"text":96},"24836185","davidweatherall","I would love this if it had the option to preview say 40 fonts at once? I don't know what specific font I want, so I was having to manually search for one, select a random one,…",{"id":58,"by":59,"text":60},[99,113,125],{"value":100,"source":67,"evidence":101},"Font size is fixed at 80px and text can overflow the bounds",[102,105,109],{"id":103,"by":11,"text":104},"24837608","Thanks for reporting this issue. Currently, the font-size is fixed to 80px. I'll add an option to change the font-size in version 2.0.",{"id":106,"by":107,"text":108},"24836119","sdiw","FYI: when I try to design favicon with 'MM' it goes out of bound.",{"id":110,"by":111,"text":112},"24839318","latenightcoding","font-size too big.",{"value":114,"source":78,"evidence":115},"Emoji rendering is inconsistent and does not center well",[116,120,121],{"id":117,"by":118,"text":119},"24840404","nwsm","Note that the emojis are in text, and many of them do not center very well(I'm in Firefox).",{"id":86,"by":87,"text":88},{"id":122,"by":123,"text":124},"24836405","roboben","It doesn't work with emojis. Super sad smiley.",{"value":126,"source":67,"evidence":127},"Font picker is hard to use for previewing fonts",[128,131],{"id":129,"by":11,"text":130},"24837674","Yeah, the dropdown is not very well accessible. I'll use another autosuggestion component or improve this one for the next update.",{"id":132,"by":133,"text":134},"24836007","thesimon","And maybe pre-load them to see a preview of the font?",[136,148,153,159,166],{"value":137,"source":78,"evidence":138},"Font size and font weight controls",[139,140,144],{"id":81,"by":82,"text":83},{"id":141,"by":142,"text":143},"24836589","acnops","Great! Would be nice if you could set the font weight.",{"id":145,"by":146,"text":147},"24838028","ylere","Would be great if the font weight could also be changed then!",{"value":149,"source":78,"evidence":150},"Preview a grid of many fonts at once",[151,152],{"id":94,"by":95,"text":96},{"id":58,"by":59,"text":60},{"value":154,"source":78,"evidence":155},"PNG download for all sizes with manifest",[156],{"id":157,"by":11,"text":158},"24837547","Hi, You can check the browser supports on https:\u002F\u002Fcaniuse.com\u002Flink-icon-svg You can download the PNG version to create favicon for older browsers, but it's something we'll cover…",{"value":160,"source":78,"evidence":161},"Custom font upload",[162],{"id":163,"by":164,"text":165},"24836932","pcr910303","This would be great if I can upload & select my own fonts, or to have other fonts than Roboto. That would truly allow multiple character-favicon variants from one site, which…",{"value":167,"source":78,"evidence":168},"Squircle shape option",[169],{"id":170,"by":171,"text":172},"24837050","yokto","It would be nice to add a 'Squircle' option.",[174,189],{"value":175,"source":78,"evidence":176},"How SVG favicon support works across browsers and non-browser apps",[177,181,185],{"id":178,"by":179,"text":180},"24835778","scoopr","Hmm, this is very neat and elegant! But how well is svg (or data:) favicons supported in random non-strictly-browser context, like password managers, or some link…",{"id":182,"by":183,"text":184},"24835716","matsemann","I was first a bit hesitant to embed a letter using a custom font in an SVG, but then I saw it actually creates a path. So it will look the same everywhere and not depend on a…",{"id":186,"by":187,"text":188},"24836106","petercooper","For some reason CanIUse only covers SVG favicons if linked in as an external file (as the bottom code sample on the original site does): https:\u002F\u002Fcaniuse.com\u002Flink-icon-svg…",{"value":190,"source":78,"evidence":191},"Whether the favicon set still needs many link tags",[192,193],{"id":182,"by":183,"text":184},{"id":194,"by":195,"text":196},"24835920","sunsetMurk","All of these are still required to cover bases across devices and apps. I think. I just use https:\u002F\u002Frealfavicongenerator.net\u002F which keeps things relatively easy.",[198,202],{"value":199,"source":78,"evidence":200},"realfavicongenerator.net",[201],{"id":194,"by":195,"text":196},{"value":203,"source":78,"evidence":204},"Free SVG favicon generators",[205],{"id":51,"by":52,"text":53},{"comments":207,"answered":208,"key":209},16,4,[210,213,216],{"id":211,"text":212},"24837327","This is actually a very good suggestion! Will save tons of time. Personally, to decide what font I'd like to use, I open Google Fonts, enter my letter (e.g. F), and then scroll…",{"id":214,"text":215},"24840628","That's right. I'll populate the dropdown with all fonts that coming from Google Fonts API. I'll add this to my todo list.",{"id":70,"text":71},{"commenters":218,"max_depth":208,"maker_replies":207,"first_comment_mins":219,"lifespan_hours":220},24,77,54,[222,224,226,229,231,233,234,235,238,239,241,243,244,247,248,250,252,254,256,257,259,261,262,263,265,267,270,273,275,278,282,283,284,285,286,288,290,292,294,297,299],[94,39,37,223,95,39],"project\u002Fneutral\u002Fdesign",[211,39,39,225,11,36],"project\u002Fpositive\u002Fdesign",[227,39,37,223,228,39],"24840033","contingencies",[214,39,39,230,11,36],"project\u002Fpositive\u002Fexecution",[182,36,37,232,183,39],"project\u002Fneutral\u002Fexecution",[194,36,37,232,195,39],[186,36,37,232,187,39],[236,36,37,232,237,39],"24836758","tpmx",[70,36,39,232,11,36],[117,36,36,240,118,39],"project\u002Fcritical\u002Fexecution",[242,36,39,232,11,36],"24840612",[178,30,37,232,179,39],[245,30,37,232,246,39],"24835828","captn3m0",[157,30,39,232,11,36],[81,37,36,249,82,39],"project\u002Fcritical\u002Fdesign",[251,37,39,223,11,36],"24837632",[58,208,37,253,59,39],"project\u002Fmixed\u002Fdesign",[255,208,39,225,11,36],"24858662",[170,32,37,223,171,39],[258,32,39,223,11,36],"24837559",[106,260,36,249,107,39],6,[103,260,39,223,11,36],[145,260,37,223,146,39],[264,260,39,223,11,36],"24838118",[163,266,37,223,164,39],7,[268,266,39,269,171,39],"24837014","commenter\u002Fneutral\u002Fdocs",[271,266,39,272,164,39],"24837065","commenter\u002Fpositive\u002Fdocs",[274,266,39,223,11,36],"24837583",[51,276,32,277,52,39],8,"project\u002Fpositive\u002Fidea",[279,280,37,223,281,39],"24835849",9,"Brajeshwar",[132,280,37,223,133,39],[62,280,39,223,11,36],[129,280,39,223,11,36],[141,18,32,225,142,39],[287,18,39,223,11,36],"24837648",[110,289,36,249,111,39],11,[291,289,39,223,11,36],"24839466",[122,293,36,240,123,39],12,[295,293,37,232,296,39],"24836468","tethys",[86,293,37,298,87,39],"project\u002Fmixed\u002Fexecution",[300,293,39,232,11,36],"24837792",[],[303,308,313,317,322,326],{"id":304,"name":305,"points":306,"category":307},"24834636","Arturo",324,"languages",{"id":309,"name":310,"points":311,"category":312},"24842306","Bunkerized-Nginx",221,"infrastructure",{"id":314,"name":315,"points":316,"category":20},"24833801","ConsoleChat",148,{"id":318,"name":319,"points":320,"category":321},"24846335","TidalWaves API",124,"data",{"id":323,"name":324,"points":325,"category":312},"24829768","Turing Pi 2",109,{"id":327,"name":328,"points":329,"category":20},"24790500","WebCatalog",64,false,"v2",{"id":333,"name":5,"line":6,"ai":330,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":334,"top":18,"kw":335,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":336,"url":9,"mix":337,"praise":77,"objection":100,"sub":21},24835219,-0.12,[21,24,25,26],"3030333301033010303010303000533005010133",[30,31,30,32],1794036597427]