Scribd Logo
Upload

Welcome to Scribd!

  • SVG Encoder

    Uploaded by

    Axel Mendoza
    6 views2 pages
    This document is an SVG encoder that allows users to input SVG code and see the resulting HTML, CSS, and JavaScript output. The example input SVG code displays a trophy icon. The output shows the SVG code wrapped in HTML and CSS for styling. This encoder can help users learn how to encode SVG graphics for use on websites.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document is an SVG encoder that allows users to input SVG code and see the resulting HTML, CSS, and JavaScript output. The example input SVG code displays a trophy icon. The output shows the SVG code wrapped in HTML and CSS for styling. This encoder can help users learn how to encode SVG graphics for use on websites.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views2 pages

    SVG Encoder

    Uploaded by

    Axel Mendoza
    This document is an SVG encoder that allows users to input SVG code and see the resulting HTML, CSS, and JavaScript output. The example input SVG code displays a trophy icon. The output shows the SVG code wrapped in HTML and CSS for styling. This encoder can help users learn how to encode SVG graphics for use on websites.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    10/31/2020 SVG-encoder

    SVG-encoder HTML CSS JS Result

    Axel<svg
    RMid="ps-icon:trophies" viewBox="0 0 64 64">
    <path fill-rule="evenodd" d="M41 11.5c.55 0 1 .45 1
    1h8.5a2 2 0 012 2c0 10.855-8.145 20.141-18.241
    21.364-.148.392-.239.77-.259 1.136-.24 4.334-.006
    8.128 4.727 13.21.171.185.273.43.273.681v.609a1 1 0
    01-1 1H26a1 1 0 01-1-
    1v-.609c0-.251.102-.496.273-.681C30.006 45.128
    30.24 41.334 30 37a3.861 3.861 0 00-.258-
    1.136C19.645 34.64 11.5 25.355 11.5 14.5a2 2 0 012-
    2H22c0-.55.45-1 1-1h18zm-19 5h-6.37c.77 6.506 5.215
    12.173 10.936 14.443-2.17-3-4.566-6.695-4.566-
    11.443v-3zm26.37 0H42v3c0 4.748-2.396 8.443-4.566
    11.442 5.72-2.27 10.165-7.936 10.936-14.442z">
    </path></svg>

    Console Assets Comments 1.0× Delete Add to Collection Fork Export Share

    CodePen: Unlock all of CodePen

    https://codepen.io/axel-rm/pen/ExyErmz 1/2
    10/31/2020 SVG-encoder

    https://codepen.io/axel-rm/pen/ExyErmz 2/2

    You might also like