Skip to content

Instantly share code, notes, and snippets.

@joeybeninghove

joeybeninghove/_info_circle.html.erb

Created March 15, 2018 15:33
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joeybeninghove/13d170cfde20cbd0178feef71dce71ac to your computer and use it in GitHub Desktop.
Save joeybeninghove/13d170cfde20cbd0178feef71dce71ac to your computer and use it in GitHub Desktop.
Download ZIP
Tailwind + Inline SVG + View Partials
Raw
_info_circle.html.erb
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current <%= css_classes %>"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>
Raw
view.html.erb
<%= render "icons/info-circle", css_classes: "h-8 w-8 mr-2" %>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment