 // app/components/MyCoursesIcon.jsx
import React from 'react';

const MyCoursesIcon = () => (
    <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M10.3984 14.9597H14.3984V12.9597H10.3984V14.9597ZM10.3984 11.9597H18.3984V9.95972H10.3984V11.9597ZM10.3984 8.95972H18.3984V6.95972H10.3984V8.95972ZM8.39844 18.9597C7.84844 18.9597 7.3776 18.7639 6.98594 18.3722C6.59427 17.9806 6.39844 17.5097 6.39844 16.9597V4.95972C6.39844 4.40972 6.59427 3.93888 6.98594 3.54722C7.3776 3.15555 7.84844 2.95972 8.39844 2.95972H20.3984C20.9484 2.95972 21.4193 3.15555 21.8109 3.54722C22.2026 3.93888 22.3984 4.40972 22.3984 4.95972V16.9597C22.3984 17.5097 22.2026 17.9806 21.8109 18.3722C21.4193 18.7639 20.9484 18.9597 20.3984 18.9597H8.39844ZM8.39844 16.9597H20.3984V4.95972H8.39844V16.9597ZM4.39844 22.9597C3.84844 22.9597 3.3776 22.7639 2.98594 22.3722C2.59427 21.9806 2.39844 21.5097 2.39844 20.9597V6.95972H4.39844V20.9597H18.3984V22.9597H4.39844Z" 
    fill="var(--icon-color)"/>
</svg>
);

export default MyCoursesIcon;
