App.js

import React from "react";
import { render } from "react-dom";
import Svg from "./Svg";

const styles = {
  fontFamily: "sans-serif",
  textAlign: "center",
  fontSize: "16px"
};

const svgStyles = {
  display: "flex",
  width: "300px",
  justifyContent: "space-between",
  margin: "0 auto",
};

const App = () => (
  <div style={styles}>
    <h2>Sprite SVG using social icons</h2>
    <div style={svgStyles}>
      <Svg id="facebook" />
      <Svg id="twitter" />
      <Svg id="linkedin" />
      <Svg id="instagram" />
      <Svg id="dribbble" />
    </div>
  </div>
);

render(<App />, document.getElementById("root"));