Breaking News: Grepper is joining You.com. Read the official announcement!

svg-sprite

Kichuk Egor answered on November 3, 2021 Popularity 1/10 Helpfulness 1/10

answer svg-sprite

svg-sprite

Comment

////////// icons.svg

<svg xmlns="http://www.w3.org/2000/svg">
    <defs>
        <symbol id="cross" viewBox="0 0 128 128">
            <path d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/>
        </symbol>
    </defs>
</svg>

////////// icon.jsx 

import icons from './icons.svg'

export const Icon = ({ name, className }) => (
  <svg className={className}>
    <use href={`${icons}#${name}`} />
  </svg>
)

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: svg-sprite whatever

Link to this answer
Share Copy Link

Contributed on Nov 03 2021

Kichuk Egor

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

svg-sprite

Contents

More Related Answers

svg-sprite

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.