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/reaction-a.svg

7 lines
2.2 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="M7.04129 12.9109C6.5964 12.8409 6.16779 13.0082 5.89453 13.3219C5.61181 13.6465 5.50149 14.1281 5.70897 14.5885C6.34276 15.9948 8.10896 18.7468 12.1015 18.7468C16.094 18.7468 17.8602 15.9948 18.494 14.5885C18.7015 14.1281 18.5912 13.6465 18.3084 13.3219C18.0352 13.0082 17.6066 12.8409 17.1617 12.9109C16.267 13.0518 14.5804 13.2468 12.1015 13.2468C9.62263 13.2468 7.93601 13.0518 7.04129 12.9109ZM7.8804 15.2948C7.62333 14.9735 7.90688 14.5406 8.31652 14.5798C9.28502 14.6725 10.5467 14.7468 12.1015 14.7468C13.6563 14.7468 14.918 14.6725 15.8865 14.5798C16.2961 14.5406 16.5796 14.9735 16.3226 15.2948C15.533 16.2818 14.2217 17.2468 12.1015 17.2468C9.98131 17.2468 8.66997 16.2818 7.8804 15.2948Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.09479 7.5112C7.37617 7.17354 7.87799 7.12792 8.21564 7.4093L10.9442 9.6831C11.2016 9.8976 11.2971 10.2503 11.183 10.5654C11.069 10.8804 10.7698 11.0903 10.4347 11.0903C9.17293 11.0903 7.33497 11.4989 6.30903 12.1403C5.93635 12.3733 5.44535 12.2601 5.21233 11.8874C4.97932 11.5148 5.09254 11.0237 5.46522 10.7907C6.16626 10.3524 7.08555 10.0205 8.01278 9.80292C8.19944 9.75912 8.2605 9.51856 8.11321 9.39582L7.19668 8.63205C6.85903 8.35067 6.81341 7.84885 7.09479 7.5112Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9052 7.5112C16.6238 7.17354 16.122 7.12792 15.7844 7.4093L13.0558 9.6831C12.7984 9.8976 12.7029 10.2503 12.817 10.5654C12.931 10.8804 13.2302 11.0903 13.5653 11.0903C14.8271 11.0903 16.665 11.4989 17.691 12.1403C18.0636 12.3733 18.5547 12.2601 18.7877 11.8874C19.0207 11.5148 18.9075 11.0237 18.5348 10.7907C17.8337 10.3524 16.9145 10.0205 15.9872 9.80292C15.8006 9.75912 15.7395 9.51856 15.8868 9.39582L16.8033 8.63205C17.141 8.35067 17.1866 7.84885 16.9052 7.5112Z" fill="black"/>
</svg>