List of icons formats

All icons that you should consider for your website

You should always prefer a PNG format.

Here is the icon's size to have:

• 64x64
• 180x180
• 70x70
• 150x150
• 310x310
• 310x150

And the HTML header snippet:

{% block headers %}
    <link rel="icon" type="image/png" sizes="64x64" href="{{ asset('bundles/emsch_assets/static/icon64.png') }}?{{ hash }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('bundles/emsch_assets/static/icon180.png') }}?{{ hash }}">
    <meta name="msapplication-square70x70logo" content="{{ asset('bundles/emsch_assets/static/icon70.png') }}?{{ hash }}">
    <meta name="msapplication-square150x150logo" content="{{ asset('bundles/emsch_assets/static/icon150.png') }}?{{ hash }}">
    <meta name="msapplication-square310x310logo" content="{{ asset('bundles/emsch_assets/static/icon310.png') }}?{{ hash }}">
    <meta name="theme-color" content="#2e2e2e"/>
    <meta name="msapplication-wide310x150logo" content="{{ asset('bundles/emsch_assets/static/icon-rect-310.png') }}?{{ hash }}">
    <meta name="msapplication-TileColor" content="#3B3F41">
    <link rel="stylesheet" href="{{ asset('bundles/emsch_assets/css/app.css') }}?{{ hash }}">
{% endblock headers %}