<p>As a stopgap until a rendered tile is possible, how about reusing the SVG images from <a href="https://github.com/gravitystorm/openstreetmap-carto/tree/master/symbols">https://github.com/gravitystorm/openstreetmap-carto/tree/master/symbols</a>? Ideally the images from <a href="https://github.com/openstreetmap/openstreetmap-website/tree/master/app/assets/images/browse">https://github.com/openstreetmap/openstreetmap-website/tree/master/app/assets/images/browse</a> would be presented instead, but they’re still in PNG format and won’t scale well beyond 16×16 pixels. <code>og:image:width</code> and <code>og:image:height</code> could be used to scale the icon down in case a life-size <a href="https://github.com/gravitystorm/openstreetmap-carto/blob/master/symbols/fast_food.16.svg">hamburger</a> is too much.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href="https://github.com/openstreetmap/openstreetmap-website/issues/739#issuecomment-154143076">view it on GitHub</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/ABWnLWtHtOqAB0MM0HUL6M9Zogxz4PXBks5pC5TjgaJpZM4B4yga.gif" width="1" /></p>
<div itemscope itemtype="http://schema.org/EmailMessage">
<div itemprop="action" itemscope itemtype="http://schema.org/ViewAction">
  <link itemprop="url" href="https://github.com/openstreetmap/openstreetmap-website/issues/739#issuecomment-154143076"></link>
  <meta itemprop="name" content="View Issue"></meta>
</div>
<meta itemprop="description" content="View this Issue on GitHub"></meta>
</div>