import React from 'react';

export const MoreCardsIcon = () => (
    <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" style={{display: `block`}}>
        <path
            fillRule="evenodd"
            d="M9 11.5C9 10.1193 10.1193 9 11.5 9C12.8807 9 14 10.1193 14 11.5C14 12.8807 12.8807 14 11.5 14C10.1193 14 9 12.8807 9 11.5Z"
            fill="#007EFF"
        />
        <path
            fillRule="evenodd"
            d="M2 11.5C2 10.1193 3.11929 9 4.5 9C5.88071 9 7 10.1193 7 11.5C7 12.8807 5.88071 14 4.5 14C3.11929 14 2 12.8807 2 11.5Z"
            fill="#60A554"
        />
        <path
            fillRule="evenodd"
            d="M9 4.5C9 3.11929 10.1193 2 11.5 2C12.8807 2 14 3.11929 14 4.5C14 5.88071 12.8807 7 11.5 7C10.1193 7 9 5.88071 9 4.5Z"
            fill="#E6961E"
        />
        <path
            fillRule="evenodd"
            d="M2 4.5C2 3.11929 3.11929 2 4.5 2C5.88071 2 7 3.11929 7 4.5C7 5.88071 5.88071 7 4.5 7C3.11929 7 2 5.88071 2 4.5Z"
            fill="#AE304A"
        />
    </svg>
);

MoreCardsIcon.displayName = `MoreCardsIcon`;