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/imports/assets/icons/password.svg

5 lines
1.1 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="M4 19.25C3.58579 19.25 3.25 19.5858 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75H20C20.4142 20.75 20.75 20.4142 20.75 20C20.75 19.5858 20.4142 19.25 20 19.25H4Z" fill="black"/>
<path d="M12.75 4C12.75 3.58579 12.4142 3.25 12 3.25C11.5858 3.25 11.25 3.58579 11.25 4V8.52442C11.25 8.83339 10.9726 9.06842 10.6678 9.01762L6.1233 8.2602C5.71472 8.19211 5.3283 8.46812 5.2602 8.8767C5.19211 9.28528 5.46812 9.6717 5.8767 9.7398L10.0788 10.4401C10.4252 10.4979 10.6057 10.8854 10.427 11.1877L8.10431 15.1185C7.89358 15.4751 8.01185 15.935 8.36845 16.1457C8.72506 16.3564 9.18497 16.2382 9.39569 15.8815L11.5695 12.2027C11.7631 11.8752 12.2369 11.8752 12.4305 12.2027L14.6043 15.8815C14.815 16.2382 15.2749 16.3564 15.6315 16.1457C15.9882 15.935 16.1064 15.4751 15.8957 15.1185L13.573 11.1877C13.3943 10.8854 13.5748 10.4979 13.9212 10.4401L18.1233 9.7398C18.5319 9.6717 18.8079 9.28528 18.7398 8.8767C18.6717 8.46812 18.2853 8.19211 17.8767 8.2602L13.3322 9.01762C13.0274 9.06842 12.75 8.83339 12.75 8.52442V4Z" fill="black"/>
</svg>