react-notistack/src/icons.js

A beautiful standalone snackbar for react

import React from 'react';

const style = {
    fontSize: '20px',
    marginInlineEnd: '8px',
    fill: 'currentColor',
    width: '20px',
    height: '20px',
    display: 'inline-block',
    transition: 'fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
    flexShrink: 0,
    userSelect: 'none',
}
export const success = (
    <svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" style={style}><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41
        10.59L10 14.17L17.59 6.58L19 8L10 17Z"></path></svg>
)

export const info = (
    <svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" style={style}><path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,
        0 22,12A10,10 0 0,0 12,2Z"></path></svg>
)

export const error = (
    <svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" style={style}><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,
        6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,
        13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"></path></svg>
)

export const warning = (
    <svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" style={style}><path d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"></path></svg>
)

export default {
    success,
    info,
    error,
    warning,
}