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

4 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="M5.80244 5.38251C5.76996 5.39961 5.75 5.43348 5.75 5.47017V12.1533C5.75 12.5133 6.14262 12.744 6.47817 12.6135C7.81759 12.0927 9.69131 11.9852 11.8975 13.3641C13.6974 14.489 15.3614 14.484 16.5838 14.2062C17.2007 14.066 17.7061 13.8554 18.0552 13.6808C18.1765 13.6202 18.25 13.4946 18.25 13.359V6.83246C18.25 6.48952 17.9121 6.24781 17.5803 6.33426C17.3642 6.39054 17.1316 6.443 16.8842 6.48799C15.39 6.75965 13.3427 6.75996 11.1646 5.6709C9.32372 4.75046 7.87516 4.76833 6.91269 4.98221C6.42478 5.09064 6.04983 5.25231 5.80244 5.38251ZM18.6284 4.34859L18.6274 4.34916L18.6074 4.35995C18.5877 4.37042 18.5555 4.38717 18.5115 4.40877C18.4233 4.45201 18.2883 4.5145 18.1121 4.58497C17.759 4.72622 17.2451 4.89776 16.6158 5.01218C15.36 5.24052 13.6573 5.24021 11.8354 4.32926C9.67627 3.24968 7.87483 3.23181 6.5873 3.51793C5.95021 3.65951 5.45017 3.87285 5.10381 4.05514C4.9305 4.14636 4.79499 4.23016 4.69921 4.29401C4.65128 4.32596 4.6132 4.35299 4.58519 4.37355C4.57119 4.38383 4.55969 4.39251 4.55073 4.39938L4.53919 4.40832L4.53486 4.41174L4.53305 4.41318L4.53223 4.41383C4.53223 4.41383 4.54177 4.40626 4.55073 4.39938L4.53223 4.41383L4.43765 4.48949C4.31904 4.58438 4.25 4.72803 4.25 4.87992V20.5C4.25 20.7762 4.47386 21 4.75 21H5.25C5.52614 21 5.75 20.7762 5.75 20.5V15.0239C5.75 14.8845 5.80713 14.7502 5.91474 14.6617C5.91887 14.6583 5.92302 14.6549 5.92722 14.6515C6.17885 14.4462 6.54916 14.1954 7.02183 14.0116C7.93241 13.6574 9.30869 13.5149 11.1025 14.6361C13.3026 16.0112 15.3886 16.0161 16.9162 15.6689C17.6743 15.4966 18.2939 15.2385 18.726 15.0225C18.9427 14.9141 19.1139 14.8155 19.2339 14.742C19.2939 14.7052 19.3412 14.6746 19.3751 14.652C19.3888 14.6429 19.4003 14.6351 19.4096 14.6287C19.4137 14.6259 19.4178 14.623 19.4219 14.6201C19.4241 14.6186 19.4265 14.6169 19.4285 14.6157C19.4405 14.608 19.4644 14.5911 19.4781 14.5815C19.4849 14.5766 19.4918 14.572 19.4988 14.5675L19.543 14.5391L19.6012 14.4945C19.6292 14.4731 19.6551 14.449 19.6756 14.4204C19.707 14.3766 19.75 14.3071 19.75 14.2549V4.56929C19.75 4.18537 19.3353 3.94469 19.0019 4.13517L18.6301 4.34765L18.6284 4.34859Z" fill="black"/>
</svg>