@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.84 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Mask, Path, Rect } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 25 25" fill="none" height={size} width={size} {...otherProps}>
<Mask id="mask0_1009_42136" style={{
maskType: 'alpha',
}} maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<Rect x="0.890625" y="0.5" width="24" height="24" fill={color}/>
</Mask>
<G mask="url(#mask0_1009_42136)">
<Path d="M20.8406 21.5C18.7573 21.5 16.699 21.0458 14.6656 20.1375C12.6323 19.2292 10.7823 17.9417 9.11562 16.275C7.44896 14.6083 6.16146 12.7583 5.25313 10.725C4.34479 8.69167 3.89062 6.63333 3.89062 4.55C3.89062 4.25 3.99063 4 4.19063 3.8C4.39062 3.6 4.64063 3.5 4.94063 3.5H8.99062C9.22396 3.5 9.43229 3.57917 9.61562 3.7375C9.79896 3.89583 9.90729 4.08333 9.94063 4.3L10.5906 7.8C10.624 8.06667 10.6156 8.29167 10.5656 8.475C10.5156 8.65833 10.424 8.81667 10.2906 8.95L7.86563 11.4C8.19896 12.0167 8.59479 12.6125 9.05312 13.1875C9.51146 13.7625 10.0156 14.3167 10.5656 14.85C11.0823 15.3667 11.624 15.8458 12.1906 16.2875C12.7573 16.7292 13.3573 17.1333 13.9906 17.5L16.3406 15.15C16.4906 15 16.6865 14.8875 16.9281 14.8125C17.1698 14.7375 17.4073 14.7167 17.6406 14.75L21.0906 15.45C21.324 15.5167 21.5156 15.6375 21.6656 15.8125C21.8156 15.9875 21.8906 16.1833 21.8906 16.4V20.45C21.8906 20.75 21.7906 21 21.5906 21.2C21.3906 21.4 21.1406 21.5 20.8406 21.5ZM17.3906 11L11.8656 5.45C12.699 4.81667 13.5906 4.33333 14.5406 4C15.4906 3.66667 16.4406 3.5 17.3906 3.5C18.324 3.5 19.2615 3.67083 20.2031 4.0125C21.1448 4.35417 22.0406 4.85 22.8906 5.5L17.3906 11Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'WifiCalling';
export const WifiCalling = memo(Icon);