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/network.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="M8.81097 18.6376C8.88733 18.4153 9.08702 18.25 9.32207 18.25H14.6779C14.913 18.25 15.1127 18.4153 15.189 18.6376C15.6612 20.0122 16.9652 21 18.5 21C20.433 21 22 19.433 22 17.5C22 15.567 20.433 14 18.5 14C18.3036 14 18.111 14.0162 17.9234 14.0473C17.6919 14.0856 17.4521 13.9887 17.3402 13.7824L14.4788 8.50304C14.3669 8.29655 14.4168 8.04246 14.5758 7.86965C15.1496 7.24626 15.5 6.41405 15.5 5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5C8.5 6.41406 8.85039 7.24628 9.42419 7.86967C9.58324 8.04247 9.63314 8.29656 9.52122 8.50305L6.65991 13.7824C6.54808 13.9888 6.30822 14.0857 6.07669 14.0473C5.88908 14.0162 5.69643 14 5.5 14C3.567 14 2 15.567 2 17.5C2 19.433 3.567 21 5.5 21C7.03476 21 8.3388 20.0122 8.81097 18.6376ZM10.8401 9.21757C10.9519 9.01124 11.1918 8.91433 11.4233 8.95272C11.6109 8.98382 11.8036 9 12 9C12.1964 9 12.3891 8.98382 12.5767 8.95271C12.8082 8.91433 13.0481 9.01123 13.1599 9.21756L16.0213 14.4968C16.1332 14.7033 16.0833 14.9574 15.9243 15.1303C15.6004 15.4821 15.3477 15.9004 15.189 16.3625C15.1126 16.5848 14.913 16.75 14.6779 16.75H9.32207C9.08702 16.75 8.88735 16.5848 8.811 16.3625C8.65231 15.9005 8.39964 15.4822 8.07582 15.1304C7.91676 14.9575 7.86688 14.7035 7.97879 14.497L10.8401 9.21757ZM7.5 17.5C7.5 18.6046 6.60457 19.5 5.5 19.5C4.39543 19.5 3.5 18.6046 3.5 17.5C3.5 16.3954 4.39543 15.5 5.5 15.5C6.60457 15.5 7.5 16.3954 7.5 17.5ZM20.5 17.5C20.5 18.6046 19.6046 19.5 18.5 19.5C17.3954 19.5 16.5 18.6046 16.5 17.5C16.5 16.3954 17.3954 15.5 18.5 15.5C19.6046 15.5 20.5 16.3954 20.5 17.5ZM14 5.5C14 6.60457 13.1046 7.5 12 7.5C10.8954 7.5 10 6.60457 10 5.5C10 4.39543 10.8954 3.5 12 3.5C13.1046 3.5 14 4.39543 14 5.5Z" fill="black"/>
</svg>