CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Favicon & App Icon Generator</title> <meta name="description" content="Convert PNG to ICO, JPG to ICO, GIF to ICO. Create favicon.ico and iOS / Android App Icons. Edit a favicon to fit your needs, or search our gallery."> <meta name="keywords" content="favicon, favicon.ico, favicon editor, favicon maker, convert, generator, gif, png, ico, editor, online editor, app icon, iphone, android, shortcut icon, tab icon, bookmark icon, web site icon, developer, web developer, smartphone, tablet"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <link rel="shortcut icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="ZkllBXM0YaGbvtbUBWPeMrRH7sJOHSKErKPJ_bQA9zM" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="/bootsnipp-layout/bootsnipp.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script async src="//netdna.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>  <script> window.onload = function() { setTimeout(function() { var ad = document.querySelector("ins.adsbygoogle[data-ad-slot='5700240528']"); var promos = document.querySelectorAll(".e1oj"); for (var i = 0; i < promos.length; i++) { var promo = promos[i]; if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) { // ad.style.cssText = 'display:block !important'; ad.parentElement.style.cssText = 'display:none !important'; promo.innerHTML = '<center>\ <div class="e1oj2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h4 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-list-alt"></i> <a href="http://www.danstools.com/keyword-tool/">Long Tail Keyword Tool</a></h4>\ Generate a suggested list of keywords for your SEO and Ad campaigns for free!\ </div>\ </center>'; promo.style.maxWidth= ''; } else if (promo) { promo.innerHTML = '<center>\ <div class="e1oj2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h5 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-list-alt glyphicon glyphicon-list-alt"></i> <a href="http://www.danstools.com/keyword-tool/">Long Tail Keyword Tool</a></h5>\ Generate a suggested list of keywords for your SEO and Ad campaigns for free!\ </div>\ </center>'; var promotwo = document.querySelector(".e1oj2"); promotwo.style.width= ''; } } }, 1000); }; </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55581850-1', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('require', 'GTM-PKH6F4B'); ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com','bootsnipp.com'] ); ga('send', 'pageview'); </script> <script data-ad-client="ca-pub-8815422507798180" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> </head> <body> <nav class="navbar navbar-fixed-top navbar-bootsnipp animate" role="navigation" style="z-index: 9999999"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="animbrand"> <a style="padding-top:10px;" class="navbar-brand animate" href="https://www.favicon-generator.org">Favicon.ico & App Icon Generator</a> <span class="text-muted" style="font-size:.75em; position:absolute; bottom:3px; left:30px">From <strong>Dan's Tools</strong></span> </div> </div>  <script> $(document).ready(function(){ $('.dropdown-submenu a.submenutest').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> <style> .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #F5F5F5; border-left-width: 5px; padding-left: 15px; } .dropdown-submenu>.dropdown-menu>li>a { border-left: 0 solid #5FB0E4; color: #787878; font-size: 16px; font-weight: 400; padding: 10px 20px; white-space: nowrap; } .dropdown-submenu .dropdown-menu { min-width: 220px; top: 0; left: 100%; margin-top: -1px; } </style>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Web Dev</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://bootsnipp.com" rel="nofollow">HTML/JS/CSS Playground</a></li><li><a href="http://www.hexcolortool.com" rel="nofollow">HTML Color Codes</a></li><li><a href="http://www.cssfontstack.com" rel="nofollow">CSS Fonts</a></li><li><a href="http://www.cleancss.com/diff-compare-merge" rel="nofollow">Online Diff Tool</a></li><li><a href="http://www.htaccessredirect.net" rel="nofollow">.htaccess Generator</a></li><li><a href="http://www.regextester.com" rel="nofollow">RegEx Testing</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB & HEX Color Explorer</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB to HEX Color Converter</a></li><li><a href="http://www.unixtimestamp.com" rel="nofollow">TimeStamp Converter</a></li><li><a href="http://website-performance.org" rel="nofollow">Website Speed Test</a></li><li><a href="http://www.favicon-generator.org" rel="nofollow">Favicon.ico & App Icon Generator</a></li><li><a href="http://www.favicon-generator.org/image-editor" rel="nofollow">Online Image Editor</a></li><li><a href="http://spritegen.website-performance.org" rel="nofollow">CSS Sprite Generator</a></li><li><a href="http://www.cleancss.com/keyword-tool" rel="nofollow">Keyword Tool</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Conversion</span> </a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Data</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/CSV-to-HTML" rel="nofollow">CSV To HTML Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-JSON" rel="nofollow">CSV To JSON Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-TSV" rel="nofollow">CSV To TSV Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-XML" rel="nofollow">CSV To XML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-CSV" rel="nofollow">JSON To CSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-HTML" rel="nofollow">JSON To HTML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-TSV" rel="nofollow">JSON To TSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-XML" rel="nofollow">JSON To XML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-CSV" rel="nofollow">XML To CSV Converter</a></li><li><a href="http://www.cleancss.com/XML-to-HTML" rel="nofollow">XML To HTML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-JSON" rel="nofollow">XML To JSON Converter</a></li><li><a href="http://www.cleancss.com/XML-to-TSV" rel="nofollow">XML To TSV Converter</a></li><li><a href="http://www.files-conversion.com" rel="nofollow">Convert Files</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Numbers</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-converter" rel="nofollow">Binary Converter</a></li><li><a href="http://www.cleancss.com/binary-to-decimal" rel="nofollow">Binary To Decimal Converter</a></li><li><a href="http://www.cleancss.com/binary-to-hex" rel="nofollow">Binary To Hex Converter</a></li><li><a href="http://www.cleancss.com/binary-to-octal" rel="nofollow">Binary To Octal Converter</a></li><li><a href="http://www.cleancss.com/convert-units" rel="nofollow">Unit Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-binary" rel="nofollow">Decimal To Binary Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-hex" rel="nofollow">Decimal To Hex Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-octal" rel="nofollow">Decimal To Octal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-binary" rel="nofollow">Hex To Binary Converter</a></li><li><a href="http://www.cleancss.com/hex-to-decimal" rel="nofollow">Hex To Decimal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-octal" rel="nofollow">Hex To Octal Converter</a></li><li><a href="http://www.cleancss.com/how-many-bytes" rel="nofollow">Data Size Converter</a></li><li><a href="http://www.cleancss.com/octal-to-binary" rel="nofollow">Octal To Binary Converter</a></li><li><a href="http://www.cleancss.com/octal-to-decimal" rel="nofollow">Octal To Decimal Converter</a></li><li><a href="http://www.cleancss.com/octal-to-hex" rel="nofollow">Octal To Hex Converter</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Strings</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-to-string" rel="nofollow">Binary To String Converter</a></li><li><a href="http://www.cleancss.com/hex-to-string" rel="nofollow">Hex To String Converter</a></li><li><a href="http://www.cleancss.com/html-escape" rel="nofollow">HTML Entities Escape</a></li><li><a href="http://www.cleancss.com/html-unescape" rel="nofollow">HTML Entities Unescape</a></li><li><a href="http://www.cleancss.com/string-to-binary" rel="nofollow">String To Binary Converter</a></li><li><a href="http://www.cleancss.com/string-to-hex" rel="nofollow">String To Hex Converter</a></li><li><a href="http://www.cleancss.com/strip-html" rel="nofollow">Strip and Remove HTML Tags</a></li><li><a href="http://www.cleancss.com/strip-xml" rel="nofollow">Strip and Remove XML Tags</a></li><li><a href="http://www.cleancss.com/word-counter" rel="nofollow">Word Counter</a></li><li><a href="http://www.cleancss.com/xml-escape" rel="nofollow">XML Entities Escape</a></li><li><a href="http://www.cleancss.com/xml-unescape" rel="nofollow">XML Entities Unescape</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Encode/Decoders</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/base64-decode" rel="nofollow">Base64 Decode</a></li><li><a href="http://www.cleancss.com/base64-encode" rel="nofollow">Base64 Encode</a></li><li><a href="http://www.md5hashgenerator.com" rel="nofollow">MD5 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha1-generator" rel="nofollow">SHA-1 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha256-hash-generator" rel="nofollow">SHA-256 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha512-hash-generator" rel="nofollow">SHA-512 Hash Generator</a></li><li><a href="http://www.url-encode-decode.com" rel="nofollow">URL Encode/Decode</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Formatters</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/css-beautify" rel="nofollow">CSS Formatter</a></li><li><a href="http://www.cleancss.com/go-beautify" rel="nofollow">GO Formatter</a></li><li><a href="http://www.cleancss.com/html-beautify" rel="nofollow">HTML Beautifier & Formatter</a></li><li><a href="http://www.cleancss.com/javascript-beautify" rel="nofollow">Javascript Formatter</a></li><li><a href="http://www.cleancss.com/javascript-obfuscate" rel="nofollow">Javascript Obfuscate</a></li><li><a href="http://www.cleancss.com/json-beautify" rel="nofollow">JSON Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/json-editor" rel="nofollow">JSON Editor</a></li><li><a href="http://www.cleancss.com/json-validator" rel="nofollow">JSON Validator</a></li><li><a href="http://www.cleancss.com/perl-beautify" rel="nofollow">Perl Formatter</a></li><li><a href="http://www.cleancss.com/php-beautify" rel="nofollow">PHP Formatter</a></li><li><a href="http://www.cleancss.com/python-beautify" rel="nofollow">Python Formatter</a></li><li><a href="http://www.cleancss.com/ruby-beautify" rel="nofollow">Ruby Formatter</a></li><li><a href="http://www.cleancss.com/sql-beautify" rel="nofollow">SQL Formatter</a></li><li><a href="http://www.cleancss.com/xml-beautify" rel="nofollow">XML Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/css-minify" rel="nofollow">CSS Minify</a></li><li><a href="http://www.cleancss.com/javascript-minify" rel="nofollow">Javascript Minify</a></li><li><a href="http://www.cleancss.com/json-minify" rel="nofollow">JSON Minify</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Internet</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/email-validator" rel="nofollow">Email Validator</a></li><li><a href="http://www.cleancss.com/is-it-up-or-down" rel="nofollow">Is It Up Or Down</a></li><li><a href="http://www.cleancss.com/router-default" rel="nofollow">Default Router Settings</a></li><li><a href="http://www.cleancss.com/user-manuals" rel="nofollow">User Manuals</a></li><li><a href="http://www.cleancss.com/what-is-my-ip" rel="nofollow">What is my IP</a></li> </ul> </li> <li><a data-toggle="modal" href="#JoinModal">Join</a></li><li><a data-toggle="modal" href="#LoginModal">Login</a></li> </ul> </div> </div>  </nav> <div class="container" style="margin-top:30px;margin-bottom:20px;"> <div class="col-md-9 col-xl-10"> <h3 class="text-center hidden-xs hidden-sm hidden">Favicon & App Icon Generator</h3> <br/> <link rel="stylesheet" type="text/css" href="//d1ujqdpfgkvqfi.cloudfront.net/favicon-generator/htdocs/css/reset.css"> <link rel="stylesheet" type="text/css" href="//d1ujqdpfgkvqfi.cloudfront.net/favicon-generator/htdocs/css/site.css"> <style type="text/css"> * html #yui-picker-bg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picker_mask.png', sizingMethod='scale'); } </style>  <div class="row-fluid"> <div class="box-content">  <br />  <div id="ezoic-pub-ad-placeholder-101"> <div style="margin-bottom:20px;margin:auto"> <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>   <div id="favcontent">  <div class="row"> <div class="box"> <div class="box-header"> <div class="box-name"> <i class="fa fa-random"></i> <span>Generate your favicon.ico</span> </div> <div class="box-icons"> <a href="/editor/" style="padding-right:20px;">favicon.ico Editor</a> <a href="/about/" style="padding-right:20px;">What are Favicons?</a> </div> </div> <div class="box-content"> <p>Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. <a href="/about/">Learn more about favicons.</a></p> <form method="post" action="/" enctype="multipart/form-data"> <div> <input type="hidden" name="page" value="generator"> <label for="favicon">Image:</label> <input type="file" name="favicon" id="favicon" style="display:inline"> <input type="submit" name="create" value="Create Favicon"> </div> <div> <label for=""> <input type="radio" name="largePack" value="1" checked /> Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps</label> <br> <label for=""> <input type="radio" name="largePack" value="0" /> Generate only 16x16 favicon.ico</label> </div> <div> <input type="checkbox" name="maintain-dimensions" id="maintain-dimensions" checked="checked"> <label for="maintain-dimensions">Maintain Image Dimensions (don't resize to be square)</label> </div> <div id="publish-area"> <input type="checkbox" name="make-public" id="make-public" checked="checked" value="yes"> <label for="make-public">Include your favicon.ico in the public gallery.</label> </div> </form> </div> </div> <div class="box"> <div class="box-header"> <div class="box-name"> <i class="fa fa-picture-o"></i> <span>Browse the Icon Gallery</span> </div> </div> <div class="box-content"> <strong>Keyword: </strong> <form action="/search/" method="POST" style="display:inline-block"> <input type="text" name="searchstring" value=""> <input type="submit" value="Search"> </form> <br /> <br /> <strong>Letters: </strong> <a href='/search/---/A'>A</a> <a href='/search/---/B'>B</a> <a href='/search/---/C'>C</a> <a href='/search/---/D'>D</a> <a href='/search/---/E'>E</a> <a href='/search/---/F'>F</a> <a href='/search/---/G'>G</a> <a href='/search/---/H'>H</a> <a href='/search/---/I'>I</a> <a href='/search/---/J'>J</a> <a href='/search/---/K'>K</a> <a href='/search/---/L'>L</a> <a href='/search/---/M'>M</a> <a href='/search/---/N'>N</a> <a href='/search/---/O'>O</a> <a href='/search/---/P'>P</a> <a href='/search/---/Q'>Q</a> <a href='/search/---/R'>R</a> <a href='/search/---/S'>S</a> <a href='/search/---/T'>T</a> <a href='/search/---/U'>U</a> <a href='/search/---/V'>V</a> <a href='/search/---/W'>W</a> <a href='/search/---/X'>X</a> <a href='/search/---/Y'>Y</a> <a href='/search/---/Z'>Z</a> <a href='/search/---/1'>1</a> <a href='/search/---/2'>2</a> <a href='/search/---/3'>3</a> <a href='/search/---/4'>4</a> <a href='/search/---/5'>5</a> <a href='/search/---/6'>6</a> <a href='/search/---/7'>7</a> <a href='/search/---/8'>8</a> <a href='/search/---/9'>9</a> <a href='/search/---/!'>!</a> <a href='/search/---/#'>#</a> <a href='/search/---/$'>$</a> <a href='/search/---/&'>&</a> <br /><br /><strong>Colors: </strong> <a href='/search/WHITE/'><div style="border:1px solid #000000;background-color:#FFFFFF;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/CREAM/'><div style="border:1px solid #000000;background-color:#F2EAC6;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/YELLOW/'><div style="border:1px solid #000000;background-color:#F8E275;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/ORANGE/'><div style="border:1px solid #000000;background-color:#FA9A4D;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/PEACH/'><div style="border:1px solid #000000;background-color:#F9A986;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/PINK/'><div style="border:1px solid #000000;background-color:#FAACA8;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/MANGENTA/'><div style="border:1px solid #000000;background-color:#FC6D99;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/RED/'><div style="border:1px solid #000000;background-color:#FF0000;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/BURGANDY/'><div style="border:1px solid #000000;background-color:#AC2424;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/PURPLE/'><div style="border:1px solid #000000;background-color:#A746B1;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/LAVENDER/'><div style="border:1px solid #000000;background-color:#C791F1;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/LIGHT_BLUE/'><div style="border:1px solid #000000;background-color:#A4A6FD;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/DARK_BLUE/'><div style="border:1px solid #000000;background-color:#1D329D;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/TURQUIOSE/'><div style="border:1px solid #000000;background-color:#2CCACD;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/AQUA/'><div style="border:1px solid #000000;background-color:#9CD8F4;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/DARK_GREEN/'><div style="border:1px solid #000000;background-color:#62854F;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/LIGHT_GREEN/'><div style="border:1px solid #000000;background-color:#A9CB6C;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/TAN/'><div style="border:1px solid #000000;background-color:#CAB775;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/BROWN/'><div style="border:1px solid #000000;background-color:#815B10;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/GRAY/'><div style="border:1px solid #000000;background-color:#777777;height:20px;width:20px;display:inline-block"></div></a> <a href='/search/BLACK/'><div style="border:1px solid #000000;background-color:#000000;height:20px;width:20px;display:inline-block"></div></a> <br /><br /> </div> </div>  <div class="row"> <div class="col-md-12"> </div> </div> <div style="padding:20px"> <h2>What are Favicons?</h2> <p>Favicons are small 16x16 icon files that are displayed next to the URL of your site in a browser's address bar. Additionally they're often displayed next to the name of your site in a user's list of open tabs and bookmark listings making it easier for the user to quickly identify amongst other sites.</p> <h2>What are App Icons?</h2> <p>App Icons are the images you press on your smartphone to launch an application. As newer phones are released with higher resolution screens, higher resolution app icons are needed. Developers still want to maintain support for the older phones with lower resoltion so when you create an app icon you need to create several size variations of the same image. This is true for all smartphones like the iPhone and Android, and even tablets like iPad.</p> <h2>What does this tool do?</h2> <p>Although many modern web browsers support favicons saved as GIFs, PNGs or other popular file formats all versions of Internet Explorer still require favicons to be saved as ICO files (a <a href="http://en.wikipedia.org/wiki/ICO_(icon_image_file_format)">Microsoft icon format</a>). This tool provides an easy way to convert any GIF, PNG or JPEG to ICO which is supported by all modern web browsers. It also enables you to create favicons from scratch via a handy online editor. Additionally the editor lets you manually tweak generated favicons to ensure the best possible result.</p> <h2>Using a favicon</h2> <p>After generating a favicon with this tool download and save to the root directory of your site. Then include the following code in the head of your HTML document.</p> <div class="highlight"><pre><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"shortcut icon"</span> <span class="na">href=</span><span class="s">"/favicon.ico"</span> <span class="na">type=</span><span class="s">"image/x-icon"</span><span class="nt">></span> <span class="nt"><link</span> <span class="na">rel=</span><span class="s">"icon"</span> <span class="na">href=</span><span class="s">"/favicon.ico"</span> <span class="na">type=</span><span class="s">"image/x-icon"</span><span class="nt">></span> </pre></div> </div> </div> <br /> <br /> <center>  <div id="ezoic-pub-ad-placeholder-101"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-8815422507798180" data-ad-slot="6745801727"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>  </center> </div> </div> </div> <br />  </div> <div class="col-md-3 col-xl-2" style="margin-top:30px;"> <h4 class="text-muted">Related Tools: </h4><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.favicon-generator.org/image-editor">Online Image Editor</a></strong></p><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.hexcolortool.com">HTML Color Codes</a></strong></p><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.cssfontstack.com">CSS Fonts</a></strong></p><hr/> <script> $( document ).ready(function() { if (1==0 && window.canRunAds === true) { $('#blocker').hide(); } else { $('#blocker').show(); } }); </script> </div> </div> <div class="clearfix"></div> <footer class="bs-footer" role="contentinfo"> <div class="container"> <div class="bs-social"> <ul class="bs-social-buttons"> <li class="follow-btn"> <a id="js-twitter-follow" href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </li> </ul> </div> <p>© 2014-2019 <a href="https://www.danstools.com" target="_blank">Dan's Tools</a> | <a href="/about.php">About</a> | <a href="/privacy.php" target="_blank">Privacy</a> | <a href="https://www.cleancss.com/tesla/">Tesla Referral Code</a></p> </div> </footer> <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Login</h1> </div> <div class="modal-body"> <p> If you don't already have an account, <a data-toggle="modal" href="#JoinModal">Register Now</a> </p> <form method="POST" action="/login.php"> <input class="form-control" type="text" name="username" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Login"> </form> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="JoinModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Join</h1> </div> <div class="modal-body"> <p> Join to access discussion forums and premium features of the site. </p> <form method="POST" action="/join.php"> <input class="form-control" type="text" name="email" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Join Now"> </form> <br /> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="ShareModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Please Share!</h1> </div> <div class="modal-body">  <strong><span id="sharetxt">Thank you for using my tool. If you could share this tool with your friends, that would be a huge help:</span></strong> <br /> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en" data-count="horizontal" data-url="http://www.favicon-generator.org">Tweet</a> <br /> <a href="//www.reddit.com/submit" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a> <p /> <br/> <strong>Or follow us to learn about our latest tools:</strong> <br /> <a href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <script async src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script async src="/js/ads.js"></script> </body> </html>