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

5 lines
1015 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 d="M10.7977 17.9103C11.053 17.9488 11.25 18.1628 11.25 18.421V21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21V18.4209C12.75 18.1627 12.947 17.9487 13.2023 17.9102C14.6713 17.6888 16.0094 17.0679 17.1024 16.1617C17.4213 15.8974 17.4192 15.4194 17.1263 15.1265C16.8334 14.8336 16.3609 14.8376 16.0364 15.095C14.9277 15.9746 13.5251 16.5 11.9998 16.5C10.4745 16.5 9.07195 15.9746 7.96317 15.095C7.63867 14.8376 7.16618 14.8336 6.87328 15.1265C6.58039 15.4194 6.57834 15.8974 6.89722 16.1617C7.99034 17.068 9.32857 17.6889 10.7977 17.9103Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C9.79086 2 8 3.79086 8 6V10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10V6C16 3.79086 14.2091 2 12 2ZM14.5 10V6C14.5 4.61929 13.3807 3.5 12 3.5C10.6193 3.5 9.5 4.61929 9.5 6V10C9.5 11.3807 10.6193 12.5 12 12.5C13.3807 12.5 14.5 11.3807 14.5 10Z" fill="black"/>
</svg>