BitstylesPhoenix.UseSVG (bitstyles_phoenix v0.4.0) View Source
Link to this section Summary
Functions
Renders an SVG tag with a use
reference.
Link to this section Functions
Renders an SVG tag with a use
reference.
Accepts the name of the svg to render and passes all other options to Phoenix.HTML.Tag.content_tag/3
.
A referenced SVG (inline)
iex> safe_to_string ui_svg("logo")
~s(<svg xmlns="http://www.w3.org/2000/svg"><use xlink:href="#logo"></svg>)
Requires additional content on the page:
<svg xmlns="http://www.w3.org/2000/svg" hidden aria-hidden="true">
<symbol id="logo" viewBox="0 0 100 100">
<svg viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
<g fill="#0ab3bf">
<path d="m76.7 257a17.41 17.41 0 0 1 -17.3 17.5h-.5a17.41 17.41 0 0 1 -17.4-17.4v-44.4h4.5a4.61 4.61 0 0 1 4.5 4.5v11.1c0 .4.1.4.5.3a16.46 16.46 0 0 1 7.9-1.9h.4a17.41 17.41 0 0 1 17.4 17.4zm-9.1 0v-12.9a8.54 8.54 0 0 0 -8.4-8.4h-.3a8.54 8.54 0 0 0 -8.4 8.4v12.9a8.54 8.54 0 0 0 8.4 8.4h.4a8.16 8.16 0 0 0 5.9-2.5 7.7 7.7 0 0 0 2.4-5.9z"/><path d="m99.5 218a5.5 5.5 0 1 1 -11 .2 5.83 5.83 0 0 1 1.7-4.1 5.49 5.49 0 0 1 7.7 0 5.13 5.13 0 0 1 1.6 3.9zm-.9 52a4.6 4.6 0 0 1 -1.3 3.3 4.65 4.65 0 0 1 -6.4 0 4.6 4.6 0 0 1 -1.3-3.3v-38.8a4.59 4.59 0 0 1 4.6-4.6 4.5 4.5 0 0 1 4.5 4.6v38.7z"/><path d="m135.4 266.8a4.22 4.22 0 0 0 -3.2-1.3h-2.4a8.54 8.54 0 0 1 -8.4-8.4v-20.8c-.1-.3.1-.5.4-.6h10.4a4.59 4.59 0 0 0 4.6-4.6 4.53 4.53 0 0 0 -4.6-4.6h-10.2c-.3.1-.5-.1-.6-.4v-9.2a4.55 4.55 0 1 0 -9.1 0v40a17.41 17.41 0 0 0 17.3 17.5h2.5a4.44 4.44 0 0 0 4.5-4.5 4.06 4.06 0 0 0 -1.2-3.1z"/><path d="m179.3 265.5a17.52 17.52 0 0 1 -15.4 9.2h-.4a17 17 0 0 1 -12.4-5.1 16.76 16.76 0 0 1 -5.1-12.3v-13.3a17.72 17.72 0 0 1 17.5-17.5h.4a17 17 0 0 1 8.8 2.5 17.62 17.62 0 0 1 6.4 6.6 4.28 4.28 0 0 1 .6 2.2 4.51 4.51 0 0 1 -8.5 2.1 8 8 0 0 0 -7.4-4.4h-.4a8.45 8.45 0 0 0 -8.4 8.4v13.3a8.43 8.43 0 0 0 8.4 8.3h.4a8 8 0 0 0 7.4-4.4 4.2 4.2 0 0 1 4-2.4 4.45 4.45 0 0 1 4.6 4.6 3.94 3.94 0 0 1 -.6 2.1zm37.5-28.2a4.6 4.6 0 0 0 3.3-1.3 4.55 4.55 0 0 0 -1.8-7.5l-1.6-.6a18.37 18.37 0 0 0 -6.5-1.3 19 19 0 0 0 -11.1 3.5 18.32 18.32 0 0 0 -8.2 15.9v23.8a4.48 4.48 0 0 0 4.4 4.6h.1a4.45 4.45 0 0 0 4.6-4.6v-23.7a9.81 9.81 0 0 1 13.7-9.5l1.6.6 1.5.3zm45.2 19.9v-13.2a17 17 0 0 0 -5.1-12.4 16.76 16.76 0 0 0 -12.3-5.1h-.4a16.76 16.76 0 0 0 -12.3 5.1 17 17 0 0 0 -5.1 12.4v13.3a17.41 17.41 0 0 0 17.4 17.4h.4a17.43 17.43 0 0 0 17.4-17.5zm-9.1 0a8.41 8.41 0 0 1 -8.3 8.3h-.4a8.41 8.41 0 0 1 -8.3-8.3v-13.2a8.39 8.39 0 0 1 2.5-6 8.16 8.16 0 0 1 5.9-2.5h.4a8.16 8.16 0 0 1 5.9 2.5 8.39 8.39 0 0 1 2.5 6v13.3zm72.4-24.6a5 5 0 0 0 .2-1.2 4.61 4.61 0 0 0 -4.5-4.5 4.3 4.3 0 0 0 -4.4 3.4l-7.3 23.7-7.5-23.6c-.8-2.2-2.1-3.4-4.4-3.4s-3.6 1.2-4.4 3.4c0 0-7.4 23.8-7.4 23.7l-7.3-23.7a4.34 4.34 0 0 0 -4.5-3.4 4.22 4.22 0 0 0 -3.2 1.3 4.31 4.31 0 0 0 -1.4 3.2 5 5 0 0 0 .2 1.2l11.8 38.5c.7 2.2 2 3.4 4.4 3.4s3.7-1.2 4.5-3.4c0 0 7.3-22.8 7.3-22.7l7.4 22.7c.8 2.2 2.1 3.4 4.5 3.4s3.7-1.2 4.4-3.4l11.8-38.5zm42.8 24.4v-44.3h-4.5a4.61 4.61 0 0 0 -4.5 4.5v11.1c0 .4-.1.4-.5.3a16.46 16.46 0 0 0 -7.9-1.9h-.4a17.41 17.41 0 0 0 -17.4 17.4v12.9a17.41 17.41 0 0 0 17.3 17.5h.5a17.41 17.41 0 0 0 17.4-17.4zm-11.5 5.9a8.16 8.16 0 0 1 -5.9 2.5h-.4a8.54 8.54 0 0 1 -8.4-8.4v-12.9a8.54 8.54 0 0 1 8.4-8.4h.4a8.54 8.54 0 0 1 8.4 8.4v12.9a8.26 8.26 0 0 1 -2.6 5.9zm-311-165.7a4.55 4.55 0 0 1 -4.5-4.5 4.61 4.61 0 0 1 4.5-4.5 4.55 4.55 0 0 1 4.5 4.5 4.44 4.44 0 0 1 -4.5 4.5zm22.5.2h-9a4.5 4.5 0 1 1 0-9h9a4.5 4.5 0 0 1 0 9zm272.2 11.1h-37.7l-11.7-22.6h-59.9a4.5 4.5 0 0 1 0-9h65.4l11.6 22.7h41.2zm-179.5-11.1h-68.6a4.5 4.5 0 0 1 0-9h68.5a4.62 4.62 0 0 1 4.6 4.4 4.57 4.57 0 0 1 -4.5 4.6z"/><path d="m83.5 19.2a4.53 4.53 0 1 1 -6.4 0 4.63 4.63 0 0 1 3.2-1.3 5 5 0 0 1 3.2 1.3zm-3.3 138.6a4.55 4.55 0 0 0 -4.5 4.5 4.61 4.61 0 0 0 4.5 4.5 4.55 4.55 0 0 0 4.5-4.5 4.82 4.82 0 0 0 -1.3-3.2 5 5 0 0 0 -3.2-1.3zm14 0a4.5 4.5 0 1 0 4.5 4.5 4.55 4.55 0 0 0 -4.5-4.5zm0-139.9a4.5 4.5 0 1 0 4.5 4.5 4.82 4.82 0 0 0 -1.3-3.2 5 5 0 0 0 -3.2-1.3zm68.3 34.1c-2.6-5-5.1-10-7.7-15-1.7-3.2-3.3-6.5-5-9.7a18.51 18.51 0 0 0 -16.6-10h-14.6c-1.9 0-3.9-.2-5.6 1a5.28 5.28 0 0 0 1.5 9.3c1.6.5 3.5.2 5.2.2h13.8a7.94 7.94 0 0 1 7 4.3c4.2 7.9 8.1 15.8 12.2 23.8.1.3.3.5.4.8a324.57 324.57 0 0 0 -30.4 12.7c-4.9 2.3-9.8 4.7-14.5 7.4a5.62 5.62 0 0 0 -2.8 5.5h14.8c4-2 8.1-4 12.2-5.9 5.4-2.5 10.9-4.8 16.5-7 3.1-1.2 6.2-2.3 9.3-3.4 2.5-.9 5.6-1.3 6.9-3.9 1.8-3.2-1.1-7.1-2.6-10.1zm198.1 38.7c-.2-.6-7.4-14.3-21.5-25.7s-39.4-24.9-79.9-24.9c-28.8-1-56.8 3.8-75.8 8.2l-1.9.5c-2.4.6-4.2 1.4-4.9 3.7-.6 1.9 0 3.4.8 5 2.4 4.8 4.8 9.5 7.2 14.3 3.4 6.8 6.8 13.7 10.3 20.5 2.4 4.8 4.9 9.7 7.3 14.5.2.5.4 1.3.9 1.4a7.52 7.52 0 0 0 1.5 0h57a4.49 4.49 0 0 0 2.9-8.1c-1.4-1.1-3.1-.9-4.8-.9h-50.4c-.2 0-.7.1-.8 0s-.3-.7-.4-.9a24 24 0 0 1 -1.1-2.3l-3.9-7.8c-3.4-6.7-6.8-13.5-10.1-20.2-1.8-3.6-3.1-6.4-4.9-10l.4-.1c18-4 43.7-8.1 69.5-7.3h1.1c29.5 0 54.7 7.7 73 22.2 10.4 8.3 15.8 16.3 17.9 19.9a56.65 56.65 0 0 1 -15.4 19.6c-16.8 13.9-42.1 21.3-73.2 21.3h-.3c-69.3 0-122.1-21.7-140.2-30.3h-14.5a5.24 5.24 0 0 0 2.5 5.7c1.3.7 17.9 9.9 45.8 18.7l-13.3 25.7a7.7 7.7 0 0 1 -6.9 4.2h-17.6a3.79 3.79 0 0 0 -1.5 0 5.3 5.3 0 0 0 1.5 10.5h17.6a18.18 18.18 0 0 0 16.2-9.9l14.2-27.4a352.92 352.92 0 0 0 68.4 12.2 27.71 27.71 0 0 0 55-.8c26.7-4.1 43.5-13.8 53.6-22.3 14.7-12.4 18.7-25 18.9-25.5a7.81 7.81 0 0 0 -.2-3.7zm-95.7 65.3a17.23 17.23 0 0 1 -21.1-12.1c5.2.3 10.5.4 15.9.4h1.1c5.8 0 11.2-.3 16.3-.7a17 17 0 0 1 -12.2 12.4z"/>
</g>
</svg>
</symbol>
</svg>
A referenced SVG (external)
iex> safe_to_string ui_svg("logo", external: "assets/icons.svg")
~s(<svg xmlns="http://www.w3.org/2000/svg"><use xlink:href="assets/icons.svg#logo"></svg>)