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/food-and-drinks.svg

4 lines
4.4 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="M12.7177 6.32837C12.8062 6.40701 12.9467 6.356 12.9647 6.23899C13.0668 5.57187 13.1919 4.84236 13.3321 4.20604C13.4496 3.67235 13.5893 3.14809 13.7547 2.77967C13.8264 2.62007 13.9567 2.36088 14.1859 2.18709C14.3199 2.0855 14.5319 1.9807 14.8001 2.00207C15.0649 2.02316 15.2564 2.15718 15.3728 2.27366C15.8487 2.74951 16.215 3.56146 16.4431 4.13854C16.5083 4.30333 16.6962 4.38338 16.8612 4.31867C16.9331 4.29043 17.007 4.26265 17.0821 4.23582C17.4357 4.10963 17.8577 3.99018 18.2674 3.96241C18.6553 3.93611 19.2023 3.98181 19.6083 4.38781C20.0143 4.79382 20.06 5.34077 20.0337 5.72874C20.0059 6.1384 19.8865 6.56043 19.7603 6.91398C19.7335 6.98913 19.7057 7.06298 19.6775 7.13496C19.6127 7.29991 19.6928 7.48785 19.8576 7.55299C20.4347 7.78109 21.2466 8.14744 21.7225 8.62329C21.8361 8.73695 21.9669 8.92222 21.9925 9.17883C22.0187 9.4411 21.9227 9.65315 21.823 9.79136C21.6537 10.026 21.3971 10.1581 21.2434 10.2291C20.8871 10.3936 20.3804 10.5315 19.8652 10.6473C19.3024 10.7738 18.6605 10.8884 18.0508 10.9855C18.019 10.9906 18.0074 11.0303 18.0315 11.0517C19.0201 11.9305 18.9023 13.5023 17.7796 14.2018C13.2579 17.019 3.30454 23.0047 2.14985 21.8501C0.978356 20.6787 7.03373 10.9377 9.74241 6.72691C10.3998 5.70497 11.8095 5.52107 12.7177 6.32837ZM15.4868 6.00811C15.5763 6.31918 15.9334 6.46447 16.2147 6.3043L16.4905 6.14723L16.4933 6.14566L16.5082 6.1374C16.522 6.12976 16.5434 6.118 16.5717 6.10291C16.6282 6.07267 16.7112 6.02933 16.8135 5.97903C17.0201 5.8775 17.2962 5.75209 17.5864 5.64854C17.8842 5.54223 18.1577 5.47329 18.3688 5.45898C18.467 5.45232 18.5438 5.52908 18.5371 5.62729C18.5228 5.83847 18.4539 6.11192 18.3476 6.40976C18.244 6.69988 18.1186 6.97604 18.0171 7.18259C17.9668 7.28491 17.9234 7.36795 17.8932 7.42446C17.8781 7.45267 17.8664 7.47414 17.8587 7.48795L17.8505 7.50278L17.8487 7.50591L17.6918 7.78143C17.5317 8.06274 17.6769 8.41978 17.988 8.50932L18.2934 8.59723L18.2963 8.59808L18.3102 8.60218C18.323 8.60596 18.3427 8.61184 18.3684 8.61968C18.4198 8.6354 18.4953 8.65896 18.5885 8.68952C18.7757 8.75086 19.0313 8.83932 19.3062 8.94796C19.3885 8.98049 19.4697 9.01376 19.549 9.04755C19.6143 9.07533 19.6055 9.16824 19.5363 9.18379C18.6689 9.37869 17.5761 9.54795 16.7329 9.66458C16.5887 9.68454 16.4432 9.63991 16.3343 9.54315L14.4693 7.88533C14.3455 7.77526 14.2841 7.61111 14.3063 7.44692C14.4199 6.60669 14.5938 5.45112 14.797 4.52861C14.8172 4.43675 14.9397 4.42524 14.9759 4.51206C15.0004 4.57058 15.0245 4.62996 15.0482 4.68994C15.1568 4.96479 15.2453 5.22039 15.3066 5.40757C15.3372 5.50084 15.3607 5.57633 15.3764 5.62776C15.3843 5.65345 15.3902 5.67309 15.3939 5.68587L15.398 5.6998L15.399 5.70312L15.4868 6.00811ZM17.035 12.1729L11.7212 7.44949C11.4915 7.24531 11.1562 7.30173 11.004 7.53844C10.5276 8.27903 9.94922 9.18832 9.32638 10.1895C9.21938 10.3615 9.2743 10.5874 9.44571 10.6953C9.75815 10.892 10.1684 11.1638 10.4805 11.4242C10.8281 11.7143 11.2271 12.1147 11.5268 12.4275C11.6795 12.5869 11.8119 12.7293 11.9062 12.8319C11.9534 12.8833 11.9912 12.9249 12.0174 12.9539L12.0478 12.9876L12.056 12.9967L12.0592 13.0003C12.3352 13.3092 12.3086 13.7833 11.9997 14.0593C11.6909 14.3353 11.2168 14.3087 10.9408 13.9999L10.939 13.9978L10.9323 13.9904L10.9051 13.9603C10.8812 13.9338 10.8459 13.895 10.8015 13.8467C10.7126 13.7499 10.5876 13.6154 10.4437 13.4652C10.1503 13.159 9.79926 12.8094 9.51948 12.5759C9.28799 12.3828 8.94824 12.1546 8.64657 11.9647C8.4823 11.8613 8.26612 11.9148 8.16567 12.0809C7.99097 12.3698 7.81557 12.6619 7.64055 12.9559C7.61088 13.0057 7.61613 13.0681 7.64569 13.118C7.65223 13.1291 7.6598 13.1393 7.66895 13.1483C7.71875 13.1972 7.81316 13.2845 7.98057 13.4242C8.32816 13.7143 8.72716 14.1147 9.02689 14.4275C9.1796 14.5869 9.31195 14.7293 9.40624 14.8319C9.45344 14.8833 9.49125 14.9249 9.51747 14.9539L9.54787 14.9876L9.55606 14.9967L9.55918 15.0002C9.83518 15.309 9.80867 15.7833 9.49981 16.0593C9.19097 16.3353 8.71688 16.3087 8.44087 15.9999L8.43903 15.9978L8.43236 15.9904L8.40522 15.9603C8.38127 15.9338 8.346 15.895 8.30159 15.8467C8.21265 15.7499 8.08763
</svg>