app/views/layouts/_control_icons.html.erb

   1 <% paths = {
   2      "zoomin" => { :d => "M16 8H12V4L11 3H10L9 4V8H5L4 9v1l1 1H9v4l1 1h1l1-1V11h4l1-1V9z" },
   3      "zoomout" => { :d => "M4 9v1l1 1H16l1-1V9L16 8H5Z" },
   4      "geolocate" => { :d => "M10 10v6h2L16 6V4H14L4 8v2Z" },
   5      "layers" => { :d => "M4.094 13.5 9.5 16h1l5.406-2.5L17 14v1l-6.5 3h-1L3 15V14l1.094-.5Zm0-4L9.5 12h1l5.406-2.5L17 10v1l-6.5 3h-1L3 11V10l1.094-.5ZM9.5 3h1L17 6V7l-6.5 3h-1L3 7V6L9.5 3Z" },
   6      "legend" => { :d => "M9 3 8 4V6L9 7h2l1-1V4L11 3zM9 9 8 10v6l1 1h2l1-1V10L11 9z" },
   7      "share" => { :d => "m15 2-1 1V5h-2c-6 0-6 7-6 7s2-4 6-4h2v2l1 1 4-4.5L15 2ZM2 6 1 7v9l1 1h10l1-1V10h-1c-.32 0-.66.073-1 .188V15H3V8h1.531c.344-.669.792-1.348 1.344-2H2Z" },
   8      "note" => { :d => "M17 12H15v2H13v2h2v2h2V16h2V14H17V12ZM3 12H6l2 3 2-3h3l1-1V4L13 3H3L2 4v7Z" }
   9    }
  10
  11    icons.each do |icon| %>
  12      <% if paths[icon] %>
  13        <path id="icon-<%= icon %>" fill="currentColor" <%= tag.attributes(paths[icon]) %> />
  14      <% end %>
  15      <% if icon == "query" %>
  16        <g id="icon-query" fill="currentColor">
  17          <path d="M3 1s9 7 9 7c-1.056.587-2.112 1.173-3.168 1.76l3.031 6.615c.346.753.015 1.643-.738 1.989-.753.345-1.643.014-1.989-.739L6.201 11.221C5.134 11.814 4.067 12.407 3 13V1z" />
  18          <text x="12.5" y="18.512" font-family="Helvetica, sans-serif" font-weight="Bold" font-size="12">?</text>
  19        </g>
  20      <% end %>
  21    <% end %>