Skip to content

Instantly share code, notes, and snippets.

@met

met/svg-in-html.html

Created June 1, 2023 09:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save met/dbe1b370c8bddf39c0c405e3d8b323ff to your computer and use it in GitHub Desktop.
Save met/dbe1b370c8bddf39c0c405e3d8b323ff to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-in-html.html
<!DOCTYPE html>
<html lang="cs">
<body>
<div>Test</div>
<div class="w-full h-full flex justify-center py-2 opacity-0" style="opacity: 1;">
<svg viewBox="0 0 38 29" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline h-auto"><path d="M31.683.338C35.535 3.61 38 8.602 38 14.193c0 5.592-2.464 10.589-6.317 13.856a1.385 1.385 0 0 1-2.007-.217 1.533 1.533 0 0 1 .207-2.095c3.219-2.728 5.267-6.882 5.267-11.543 0-4.662-2.048-8.816-5.267-11.55-.611-.52-.7-1.457-.207-2.095a1.39 1.39 0 0 1 2.007-.217v.006ZM28.09 4.956c2.565 2.183 4.21 5.512 4.21 9.238 0 3.725-1.645 7.054-4.21 9.236a1.385 1.385 0 0 1-2.007-.216 1.533 1.533 0 0 1 .208-2.096c1.93-1.636 3.159-4.129 3.159-6.924 0-2.796-1.23-5.289-3.159-6.931-.611-.521-.7-1.457-.208-2.096a1.39 1.39 0 0 1 2.007-.217v.006Zm-3.592 4.619a6.062 6.062 0 0 1 2.102 4.619 6.062 6.062 0 0 1-2.102 4.618 1.385 1.385 0 0 1-2.007-.217A1.533 1.533 0 0 1 22.7 16.5a3.02 3.02 0 0 0 1.051-2.306c0-.93-.41-1.761-1.05-2.313-.613-.52-.702-1.457-.209-2.095a1.39 1.39 0 0 1 2.007-.217v.006ZM17.878.48A1.993 1.993 0 0 1 19 2.29v23.806c0 .781-.44 1.488-1.122 1.81a1.834 1.834 0 0 1-2.043-.328l-8.01-7.433H3.8c-2.096 0-3.8-1.78-3.8-3.968V12.21c0-2.189 1.704-3.968 3.8-3.968h4.026L15.836.81A1.845 1.845 0 0 1 17.877.48Z" fill="#2D2D2D"></path></svg>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment