status-desktop/ui/shared/status/assets/img/icons/symbols.svg

<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.3664 8.56842C12.1666 8.80609 11.8008 8.80609 11.601 8.56842L10.1734 6.87029C8.3915 4.75071 5.0539 5.23373 3.92088 7.77515C3.17513 9.44792 3.45061 11.3889 4.62657 12.7238C5.31889 13.5097 6.0066 14.2696 6.52052 14.7936C7.21037 15.497 8.74607 16.7084 10.2022 17.8037C10.7455 18.2123 11.2609 18.5924 11.6902 18.9059C11.8651 19.0336 12.1023 19.0336 12.2772 18.9059C12.7065 18.5924 13.222 18.2123 13.7652 17.8037C15.2214 16.7084 16.7571 15.497 17.4469 14.7936C18.133 14.0942 18.8065 13.3625 19.415 12.6785C20.5584 11.3933 20.816 9.50105 20.0771 7.84364C18.9299 5.27029 15.5503 4.78121 13.746 6.92742L12.3664 8.56842ZM10.9767 5.50089C8.41431 2.96323 4.06856 3.73182 2.54934 7.13952C1.5647 9.34811 1.91573 11.9453 3.50572 13.7502C4.20127 14.5398 4.91128 15.3252 5.4552 15.8798C6.79717 17.248 10.6197 20.0216 11.6976 20.7954C11.8703 20.9194 12.0972 20.9194 12.2699 20.7954C13.3478 20.0216 17.1703 17.248 18.5123 15.8798C19.22 15.1582 19.9108 14.4075 20.5309 13.7106C22.106 11.9401 22.4188 9.38413 21.4487 7.20801C19.9256 3.79163 15.5867 3.00427 12.9953 5.50629C12.8592 5.63768 12.7279 5.77813 12.6021 5.92775L12.3664 6.20811C12.1666 6.44578 11.8008 6.44578 11.601 6.20811L11.3173 5.87063C11.2078 5.7404 11.0941 5.61717 10.9767 5.50089Z" fill="black"/>
</svg>
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.3664 8.56842C12.1666 8.80609 11.8008 8.80609 11.601 8.56842L10.1734 6.87029C8.3915 4.75071 5.0539 5.23373 3.92088 7.77515C3.17513 9.44792 3.45061 11.3889 4.62657 12.7238C5.31889 13.5097 6.0066 14.2696 6.52052 14.7936C7.21037 15.497 8.74607 16.7084 10.2022 17.8037C10.7455 18.2123 11.2609 18.5924 11.6902 18.9059C11.8651 19.0336 12.1023 19.0336 12.2772 18.9059C12.7065 18.5924 13.222 18.2123 13.7652 17.8037C15.2214 16.7084 16.7571 15.497 17.4469 14.7936C18.133 14.0942 18.8065 13.3625 19.415 12.6785C20.5584 11.3933 20.816 9.50105 20.0771 7.84364C18.9299 5.27029 15.5503 4.78121 13.746 6.92742L12.3664 8.56842ZM10.9767 5.50089C8.41431 2.96323 4.06856 3.73182 2.54934 7.13952C1.5647 9.34811 1.91573 11.9453 3.50572 13.7502C4.20127 14.5398 4.91128 15.3252 5.4552 15.8798C6.79717 17.248 10.6197 20.0216 11.6976 20.7954C11.8703 20.9194 12.0972 20.9194 12.2699 20.7954C13.3478 20.0216 17.1703 17.248 18.5123 15.8798C19.22 15.1582 19.9108 14.4075 20.5309 13.7106C22.106 11.9401 22.4188 9.38413 21.4487 7.20801C19.9256 3.79163 15.5867 3.00427 12.9953 5.50629C12.8592 5.63768 12.7279 5.77813 12.6021 5.92775L12.3664 6.20811C12.1666 6.44578 11.8008 6.44578 11.601 6.20811L11.3173 5.87063C11.2078 5.7404 11.0941 5.61717 10.9767 5.50089Z" fill="black"/>
			`</svg>`