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/notification.svg

4 lines
1.8 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 fill-rule="evenodd" clip-rule="evenodd" d="M15.281 19C14.9447 19 14.7031 19.3279 14.7344 19.6628C14.7444 19.7703 14.7499 19.8827 14.7499 20C14.7499 21.3889 13.5436 22.75 11.9999 22.75C10.4563 22.75 9.24992 21.3889 9.24992 20C9.24992 19.8827 9.25542 19.7703 9.26547 19.6628C9.29677 19.3279 9.05515 19 8.71885 19H5.52103C3.78474 19 2.87319 16.9394 4.04115 15.6547L5.218 14.3601C5.72872 13.7983 6.069 13.1028 6.19909 12.3548L7.31456 5.94085C7.71072 3.66293 9.68781 2 11.9999 2C14.312 2 16.2891 3.66293 16.6853 5.94085L17.8008 12.3548C17.9308 13.1028 18.2711 13.7983 18.7818 14.3601L19.9587 15.6547C21.1266 16.9394 20.2151 19 18.4788 19H15.281ZM11.0322 19.0283L11.0313 19.0293L11.039 19.0214L11.0415 19.0188C11.0427 19.0175 11.0433 19.0168 11.0434 19.0167C11.0438 19.0163 11.0434 19.0167 11.0434 19.0167L11.0415 19.0188C11.0525 19.0073 11.0681 19 11.084 19H12.9159C12.9318 19 12.9469 19.0068 12.9579 19.0183C12.9608 19.0217 12.9679 19.0302 12.978 19.0438C13.001 19.0744 13.0389 19.13 13.0791 19.2104C13.1582 19.3687 13.2499 19.6296 13.2499 20C13.2499 20.6111 12.6654 21.25 11.9999 21.25C11.3344 21.25 10.7499 20.6111 10.7499 20C10.7499 19.6296 10.8416 19.3687 10.9207 19.2104C10.9609 19.13 10.9988 19.0744 11.0218 19.0438C11.032 19.0302 11.0386 19.0222 11.0415 19.0188L11.039 19.0214L11.0372 19.0233L11.034 19.0265L11.0322 19.0283ZM5.15106 16.6637L6.32791 15.3691C7.03015 14.5967 7.49804 13.6403 7.67691 12.6118L8.79238 6.19786C9.06358 4.63842 10.4171 3.5 11.9999 3.5C13.5828 3.5 14.9363 4.63842 15.2075 6.19786L16.3229 12.6118C16.5018 13.6403 16.9697 14.5967 17.6719 15.3691L18.8488 16.6637C19.1408 16.9849 18.9129 17.5 18.4788 17.5H5.52103C5.08696 17.5 4.85907 16.9849 5.15106 16.6637Z" fill="black"/>
</svg>