status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/shared/status/assets/img/icons/link.svg

5 lines
1.2 KiB
XML
Raw Normal View History

feat: introduce StatusIcon component This introduces a new `StatusIcon` component to the component library, including various icon assets. The component can be used to render icons in different colors and rotations. It's also one of the atomic components that can be used to build other more complex components like icon buttons. Usage: ``` StatusIcon { icon: "arrow-right" // name of asset file in `ui/shared/status/assets/img/icons width: 24 // default: 24 height 24 // default: 24 color: "red" // default: asset file color rotation: 0 // default: 0 } ``` Closes #2330
2021-04-26 12:50:13 +00:00
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.03022 11.0303C10.118 9.94252 11.8817 9.94252 12.9696 11.0303C13.2625 11.3232 13.7373 11.3232 14.0302 11.0303C14.3231 10.7374 14.3231 10.2626 14.0302 9.96968C12.3566 8.29608 9.64317 8.29607 7.96956 9.96968L3.96956 13.9697C2.29595 15.6433 2.29595 18.3567 3.96956 20.0303C5.64317 21.7039 8.35661 21.7039 10.0302 20.0303L12.0302 18.0303C12.3231 17.7374 12.3231 17.2626 12.0302 16.9697C11.7373 16.6768 11.2625 16.6768 10.9696 16.9697L8.96956 18.9697C7.88174 20.0575 6.11804 20.0575 5.03022 18.9697C3.9424 17.8819 3.9424 16.1182 5.03022 15.0303L9.03022 11.0303Z" fill="black"/>
<path d="M15.0302 5.03034C16.118 3.94252 17.8817 3.94252 18.9696 5.03034C20.0574 6.11816 20.0574 7.88186 18.9696 8.96968L14.9696 12.9697C13.8817 14.0575 12.118 14.0575 11.0302 12.9697C10.7373 12.6768 10.2625 12.6768 9.96956 12.9697C9.67667 13.2626 9.67667 13.7374 9.96956 14.0303C11.6432 15.7039 14.3566 15.704 16.0302 14.0303L20.0302 10.0303C21.7038 8.35674 21.7038 5.64329 20.0302 3.96968C18.3566 2.29608 15.6432 2.29608 13.9696 3.96968L11.9696 5.96968C11.6767 6.26258 11.6767 6.73745 11.9696 7.03034C12.2625 7.32324 12.7373 7.32324 13.0302 7.03034L15.0302 5.03034Z" fill="black"/>
</svg>