Diamond icon to separate component.
This commit is contained in:
5
src/components/Diamond.scss
Normal file
5
src/components/Diamond.scss
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
.Diamond {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-left: 2rem;
|
||||||
|
margin-right: 2rem;
|
||||||
|
}
|
||||||
16
src/components/Diamond.tsx
Normal file
16
src/components/Diamond.tsx
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
export const Diamond = () => {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
className='Diamond'
|
||||||
|
width='9'
|
||||||
|
height='9'
|
||||||
|
fill='#c1a57c'
|
||||||
|
viewBox='0 0 16 16'
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule='evenodd'
|
||||||
|
d='M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435z'
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
);
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user