Skip to main content
View plugin on GitHub
See starters using this

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


Docs
Tutorials
Plugins
Blog
Showcase