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

4 lines
914 B
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="M9.32207 12.75C9.08702 12.75 8.88733 12.9153 8.81097 13.1376C8.3388 14.5122 7.03476 15.5 5.5 15.5C3.567 15.5 2 13.933 2 12C2 10.067 3.567 8.5 5.5 8.5C7.03476 8.5 8.3388 9.48785 8.81097 10.8624C8.88733 11.0847 9.08702 11.25 9.32207 11.25H14.6779C14.913 11.25 15.1127 11.0847 15.189 10.8624C15.6612 9.48785 16.9652 8.5 18.5 8.5C20.433 8.5 22 10.067 22 12C22 13.933 20.433 15.5 18.5 15.5C16.9652 15.5 15.6612 14.5122 15.189 13.1376C15.1127 12.9153 14.913 12.75 14.6779 12.75H9.32207ZM5.5 14C6.60457 14 7.5 13.1046 7.5 12C7.5 10.8954 6.60457 10 5.5 10C4.39543 10 3.5 10.8954 3.5 12C3.5 13.1046 4.39543 14 5.5 14ZM18.5 14C19.6046 14 20.5 13.1046 20.5 12C20.5 10.8954 19.6046 10 18.5 10C17.3954 10 16.5 10.8954 16.5 12C16.5 13.1046 17.3954 14 18.5 14Z" fill="black"/>
</svg>