You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
4.7 KiB
47 lines
4.7 KiB
// Outline icons — 24x24, 1.75 stroke. Нейтральный медицинский стиль. |
|
import React from 'react'; |
|
|
|
const Icon = ({ d, size = 22, stroke = 'currentColor', fill = 'none', sw = 1.75, children, style }) => ( |
|
<svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke={stroke} strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" style={style}> |
|
{d ? <path d={d} /> : children} |
|
</svg> |
|
); |
|
|
|
export const I = { |
|
home: (p) => <Icon {...p}><path d="M3 10.5L12 3l9 7.5"/><path d="M5 9.5V21h14V9.5"/><path d="M10 21v-6h4v6"/></Icon>, |
|
calendar: (p) => <Icon {...p}><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M8 3v4M16 3v4M3.5 10h17"/></Icon>, |
|
chat: (p) => <Icon {...p}><path d="M4 5h16a1 1 0 011 1v11a1 1 0 01-1 1H9l-4 3v-3H4a1 1 0 01-1-1V6a1 1 0 011-1z"/></Icon>, |
|
profile: (p) => <Icon {...p}><circle cx="12" cy="8.5" r="4"/><path d="M4 20.5c1.5-4 4.5-6 8-6s6.5 2 8 6"/></Icon>, |
|
phone: (p) => <Icon {...p}><path d="M5 4h3l2 5-2.5 1.5a12 12 0 006 6L15 14l5 2v3a2 2 0 01-2 2 16 16 0 01-13-13 2 2 0 012-2z"/></Icon>, |
|
pin: (p) => <Icon {...p}><path d="M12 22s7-6.5 7-12a7 7 0 10-14 0c0 5.5 7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></Icon>, |
|
clock: (p) => <Icon {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Icon>, |
|
search: (p) => <Icon {...p}><circle cx="11" cy="11" r="6.5"/><path d="M20 20l-4-4"/></Icon>, |
|
chev: (p) => <Icon {...p}><path d="M9 6l6 6-6 6"/></Icon>, |
|
chevL: (p) => <Icon {...p}><path d="M15 6l-6 6 6 6"/></Icon>, |
|
chevD: (p) => <Icon {...p}><path d="M6 9l6 6 6-6"/></Icon>, |
|
close: (p) => <Icon {...p}><path d="M6 6l12 12M18 6L6 18"/></Icon>, |
|
check: (p) => <Icon {...p}><path d="M5 12.5l4 4 10-10"/></Icon>, |
|
bell: (p) => <Icon {...p}><path d="M6 16V10a6 6 0 1112 0v6l1.5 2h-15L6 16z"/><path d="M10 19.5a2 2 0 004 0"/></Icon>, |
|
video: (p) => <Icon {...p}><rect x="3" y="6.5" width="12" height="11" rx="2"/><path d="M15 10l6-3v10l-6-3"/></Icon>, |
|
doc: (p) => <Icon {...p}><path d="M6 3h8l5 5v13a1 1 0 01-1 1H6a1 1 0 01-1-1V4a1 1 0 011-1z"/><path d="M14 3v5h5"/><path d="M8 13h7M8 17h7"/></Icon>, |
|
plus: (p) => <Icon {...p}><path d="M12 5v14M5 12h14"/></Icon>, |
|
heart: (p) => <Icon {...p}><path d="M12 20s-7-4.5-7-10a4 4 0 017-2.5A4 4 0 0119 10c0 5.5-7 10-7 10z"/></Icon>, |
|
star: (p) => <Icon fill="currentColor" stroke="none" {...p}><path d="M12 2.5l2.9 6 6.6.9-4.8 4.7 1.1 6.6L12 17.6l-5.9 3.1 1.1-6.6L2.5 9.4l6.6-.9z"/></Icon>, |
|
ear: (p) => <Icon {...p}><path d="M8.5 20c-2 0-3.5-1.5-3.5-3.5 0-1.5 1-2.5 1-4.5 0-4.5 3-7.5 7-7.5s7 2.5 7 6.5-3 5.5-5 5.5c-1.5 0-2 1-2 2s-.5 3-2.5 3-2-1.5-2-1.5"/></Icon>, |
|
hearing: (p) => <Icon {...p}><path d="M6 12c0-3.5 2.5-6 6-6s6 2.5 6 6"/><path d="M9 12c0-1.5 1.5-3 3-3s3 1.5 3 3"/><circle cx="12" cy="12" r="1"/><path d="M17 16l2 2M17 8l2-2"/></Icon>, |
|
stetho: (p) => <Icon {...p}><path d="M6 3v6a4 4 0 008 0V3"/><path d="M10 13v3a4 4 0 008 0v-2"/><circle cx="18" cy="9.5" r="1.5"/></Icon>, |
|
pill: (p) => <Icon {...p}><rect x="3" y="9" width="18" height="7" rx="3.5" transform="rotate(-30 12 12.5)"/><path d="M8 16l8-8"/></Icon>, |
|
qr: (p) => <Icon {...p}><rect x="3.5" y="3.5" width="6" height="6" rx="1"/><rect x="14.5" y="3.5" width="6" height="6" rx="1"/><rect x="3.5" y="14.5" width="6" height="6" rx="1"/><path d="M14.5 14.5h2v2M20.5 14.5v2M14.5 18.5h2M18.5 16.5v4M16.5 20.5h4"/></Icon>, |
|
card: (p) => <Icon {...p}><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18M7 15h3"/></Icon>, |
|
file: (p) => <Icon {...p}><path d="M6 3h8l5 5v13H6z"/><path d="M14 3v5h5"/></Icon>, |
|
filter: (p) => <Icon {...p}><path d="M4 5h16M7 12h10M10 19h4"/></Icon>, |
|
mic: (p) => <Icon {...p}><rect x="9" y="3" width="6" height="12" rx="3"/><path d="M5 11a7 7 0 0014 0M12 18v3"/></Icon>, |
|
user: (p) => <Icon {...p}><circle cx="12" cy="8" r="4"/><path d="M4 21c1-5 4-7 8-7s7 2 8 7"/></Icon>, |
|
shield: (p) => <Icon {...p}><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z"/></Icon>, |
|
gift: (p) => <Icon {...p}><rect x="3" y="9" width="18" height="12" rx="1"/><path d="M3 13h18M12 9v12M8 9a2.5 2.5 0 010-5c2 0 4 5 4 5M16 9a2.5 2.5 0 000-5c-2 0-4 5-4 5"/></Icon>, |
|
volume: (p) => <Icon {...p}><path d="M4 9h4l5-4v14l-5-4H4V9z"/><path d="M16 8a5 5 0 010 8M19 5a9 9 0 010 14"/></Icon>, |
|
arrow: (p) => <Icon {...p}><path d="M5 12h14M13 6l6 6-6 6"/></Icon>, |
|
menu: (p) => <Icon {...p}><path d="M4 7h16M4 12h16M4 17h16"/></Icon>, |
|
mail: (p) => <Icon {...p}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></Icon>, |
|
globe: (p) => <Icon {...p}><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2v20M5 5c2.5 2 13.5 2 16 0M5 19c2.5-2 13.5-2 16 0"/></Icon>, |
|
};
|
|
|