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/add-circle.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="M11.9999 7.25C12.4141 7.25 12.7499 7.58579 12.7499 8V10.75C12.7499 11.0261 12.9738 11.25 13.2499 11.25H15.9999C16.4141 11.25 16.7499 11.5858 16.7499 12C16.7499 12.4142 16.4141 12.75 15.9999 12.75H13.2499C12.9738 12.75 12.7499 12.9739 12.7499 13.25V16C12.7499 16.4142 12.4141 16.75 11.9999 16.75C11.5857 16.75 11.2499 16.4142 11.2499 16V13.25C11.2499 12.9739 11.0261 12.75 10.7499 12.75H7.99992C7.58571 12.75 7.24992 12.4142 7.24992 12C7.24992 11.5858 7.58571 11.25 7.99992 11.25H10.7499C11.0261 11.25 11.2499 11.0261 11.2499 10.75V8C11.2499 7.58579 11.5857 7.25 11.9999 7.25Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 22C17.5228 22 21.9999 17.5228 21.9999 12C21.9999 6.47715 17.5228 2 11.9999 2C6.47708 2 1.99992 6.47715 1.99992 12C1.99992 17.5228 6.47708 22 11.9999 22ZM11.9999 20.5C16.6943 20.5 20.4999 16.6944 20.4999 12C20.4999 7.30558 16.6943 3.5 11.9999 3.5C7.3055 3.5 3.49992 7.30558 3.49992 12C3.49992 16.6944 7.3055 20.5 11.9999 20.5Z" fill="black"/>
</svg>