mirror of
https://github.com/Reckless-Satoshi/robosats.git
synced 2024-09-11 11:55:26 +03:00
Add SVG icons for map pins
This commit is contained in:
parent
ac547e63af
commit
04def5c624
14
frontend/src/components/Icons/LocationPin.tsx
Normal file
14
frontend/src/components/Icons/LocationPin.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
import { SvgIcon, SvgIconProps } from '@mui/material';
|
||||
|
||||
const LocationPin: React.FC<SvgIconProps> = (props) => {
|
||||
return (
|
||||
<SvgIcon sx={props.sx} color={props.color} viewBox='0 0 21.67 29.99'>
|
||||
<rect x='9.95' y='10.67' width='1.77' height='19.33' rx='0.88' />
|
||||
<path d='M10.84,21.67A10.84,10.84,0,1,1,21.67,10.84,10.85,10.85,0,0,1,10.84,21.67ZM10.84,2a8.84,8.84,0,1,0,8.83,8.84A8.84,8.84,0,0,0,10.84,2Z' />
|
||||
<rect fill={props.color} x='1' y='1' width='19.67' height='19.67' rx='9.84' />
|
||||
</SvgIcon>
|
||||
);
|
||||
};
|
||||
|
||||
export default LocationPin;
|
23
frontend/src/components/Icons/LocationRobot.tsx
Normal file
23
frontend/src/components/Icons/LocationRobot.tsx
Normal file
@ -0,0 +1,23 @@
|
||||
import React from 'react';
|
||||
import { SvgIcon, SvgIconProps } from '@mui/material';
|
||||
|
||||
const LocationRobot: React.FC<SvgIconProps> = (props) => {
|
||||
return (
|
||||
<SvgIcon sx={props.sx} color={props.color} viewBox='0 0 18.66 29.68'>
|
||||
<path
|
||||
fill={props.color}
|
||||
d='M18,8A9.13,9.13,0,0,0,10.89.62,10.88,10.88,0,0,0,9.33.49,10.88,10.88,0,0,0,7.77.62,9.13,9.13,0,0,0,.66,8a12.92,12.92,0,0,0,1.19,8.25C2.68,18.09,7.47,27.6,9.07,29c0,.12.11.19.19.19l.07,0,.07,0c.08,0,.15-.07.19-.19,1.6-1.41,6.39-10.92,7.22-12.8A12.92,12.92,0,0,0,18,8Z'
|
||||
/>
|
||||
<path d='M9.23,29.6a.57.57,0,0,1-.5-.35C7,27.57,2.24,18.09,1.48,16.38A13.57,13.57,0,0,1,.26,7.87C1.18,3.78,4,.92,7.7.23h0A8.38,8.38,0,0,1,11,.24h0c3.74.69,6.52,3.55,7.44,7.64a13.57,13.57,0,0,1-1.22,8.51c-.76,1.71-5.5,11.19-7.25,12.87a.57.57,0,0,1-.55.35H9.23ZM8,1,7.85,1a8.68,8.68,0,0,0-6.8,7C.5,10.52.86,13,2.22,16.05c.9,2,5.62,11.32,7.11,12.65,1.49-1.33,6.21-10.63,7.11-12.65,1.36-3.07,1.72-5.53,1.17-8h0a8.68,8.68,0,0,0-6.8-7l-.12,0A10.47,10.47,0,0,0,9.33.89,10.3,10.3,0,0,0,8,1Z' />
|
||||
<rect x='3.12' y='6.34' width='12.53' height='7.76' rx='3.88' />
|
||||
<rect fill='#fff' x='5.02' y='7.82' width='2.16' height='2.34' rx='1.02' />
|
||||
<rect fill='#fff' x='11.25' y='7.82' width='2.16' height='2.34' rx='1.02' />
|
||||
<path
|
||||
fill='#fff'
|
||||
d='M9.24,12.76A3.57,3.57,0,0,1,7,12a.4.4,0,1,1,.53-.61,2.78,2.78,0,0,0,3.49,0,.4.4,0,0,1,.48.65A3.71,3.71,0,0,1,9.24,12.76Z'
|
||||
/>
|
||||
</SvgIcon>
|
||||
);
|
||||
};
|
||||
|
||||
export default LocationRobot;
|
@ -17,6 +17,8 @@ export { default as UserNinjaIcon } from './UserNinja';
|
||||
export { default as TorIcon } from './Tor';
|
||||
export { default as SimplexIcon } from './Simplex';
|
||||
export { default as NostrIcon } from './Nostr';
|
||||
export { default as LocationPin } from './LocationPin';
|
||||
export { default as LocationRobot } from './LocationRobot';
|
||||
|
||||
// Flags with props
|
||||
export { default as FlagWithProps } from './WorldFlags';
|
||||
|
Loading…
Reference in New Issue
Block a user