Contents

<p style="max-width: 500px">
  Below is an SVG image containing the chosen octicon surrounded by a green circle. The octicon has been emitted
  onto the page as an SVG &lt;symbol&gt; element and included into the SVG you see below with the &lt;use&gt; element.
  See the <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol" target="_blank">MDN docs</a> for
  more information.
</p>

<%= render(Primer::Alpha::OcticonSymbols.new(icons: [{ symbol: octicon, size: :medium }])) %>

<svg xmlns="http://www.w3.org/2000/svg" height="40" width="40" aria-label="Circled <%= octicon %> icon" tabindex="0">
  <circle cx="20" cy="20" r="18" stroke="green" stroke-width="3px" fill="white" />
  <use href="#octicon_<%= octicon %>_24" x="8" y="8" />
</svg>

Version data entries

87 entries across 87 versions & 2 rubygems

Version	Path
openproject-primer_view_components-0.49.2	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
primer_view_components-0.35.2	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.49.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.49.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
primer_view_components-0.35.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
primer_view_components-0.35.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.48.2	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.48.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.48.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.47.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.47.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
primer_view_components-0.34.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.46.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.46.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.45.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.44.3	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.44.2	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.44.1	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
primer_view_components-0.33.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb
openproject-primer_view_components-0.44.0	previews/primer/alpha/octicon_symbols_preview/playground.html.erb