Как работать с svg иконками в react.js?

1
2
3
4
5
6
7

import React from 'react';

function MyComponent() {
  return <img src='path/to/icon.svg' alt='icon' />;
}

export default MyComponent;

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

import React from 'react';

function MyComponent() {
  return (
    <svg
      width='24'
      height='24'
      viewBox='0 0 24 24'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path d='M9 16.17L4.83 12L9 7.83V16.17Z' fill='currentColor' />
      <path d='M20 12L14.83 16.17V7.83L20 12Z' fill='currentColor' />
    </svg>
  );
}

export default MyComponent;

1
2

import React from 'react';
import { FaReact } from