Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-svg-sprite

npm version dependencies Status

svg-sprite plugin for Gatsby

Table of contents

Installation

Install gatsby-plugin-svg-sprite via npm.

npm install gatsby-plugin-svg-sprite --save

Add gatsby-plugin-svg-sprite to your plugins in gatsby-config.js.

module.exports = {
  plugins: [
    'gatsby-plugin-svg-sprite',
  ],
};

Usage

import twitterIcon from './path/to/twitter.svg';

const Icon = () => (
  <svg>
    <use xlinkHref={`#${twitterIcon.id}`} />
  </svg>
);

License

MIT License

Copyright (c) 2018 Marco Biedermann

© 2023 Gatsby, Inc.