@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
11 lines (10 loc) • 1.78 kB
JavaScript
import { memo } from 'react';
import Svg, { Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill={color} viewBox="0 0 23 23" width={size} height={size} {...props}>
<Path d="M.94 7.475c.622 0 .951-.353.951-.964V3.737c0-1.222.646-1.845 1.82-1.845h2.844c.622 0 .963-.34.963-.952 0-.61-.34-.94-.963-.94H3.688C1.233 0 0 1.21 0 3.632V6.51c0 .611.34.964.94.964m21.109 0c.622 0 .951-.353.951-.964v-2.88C23 1.212 21.767 0 19.312 0h-2.878c-.611 0-.952.33-.952.94 0 .611.34.952.952.952h2.842c1.163 0 1.833.623 1.833 1.845v2.774c0 .611.34.964.94.964M3.689 23h2.866c.622 0 .963-.34.963-.94 0-.611-.34-.952-.963-.952H3.712c-1.175 0-1.82-.623-1.82-1.845v-2.774c0-.623-.341-.964-.952-.964s-.94.341-.94.964v2.868C0 21.789 1.233 23 3.688 23m12.745 0h2.878C21.767 23 23 21.778 23 19.357v-2.868c0-.623-.34-.964-.951-.964s-.94.341-.94.964v2.774c0 1.222-.67 1.845-1.833 1.845h-2.842c-.611 0-.952.34-.952.952 0 .6.34.94.952.94m-9.41-12.293c.553 0 .952-.388.952-.952V8.156c0-.564-.4-.952-.951-.952-.553 0-.94.388-.94.952v1.599c0 .564.387.952.94.952m3.536 2.773h.094c1.187 0 1.833-.646 1.833-1.833V7.945c0-.459-.306-.752-.752-.752-.47 0-.775.293-.775.752v3.808c0 .117-.07.176-.177.176h-.41a.74.74 0 0 0-.752.752c0 .506.34.8.94.8m5.38-2.773c.54 0 .928-.388.928-.952V8.156c0-.564-.387-.952-.928-.952-.564 0-.951.388-.951.952v1.599c0 .564.387.952.951.952m-4.51 6.722c1.42 0 2.854-.611 3.876-1.633.14-.13.211-.33.211-.564a.74.74 0 0 0-.763-.764c-.223 0-.388.082-.611.317-.646.67-1.668 1.128-2.713 1.128-.987 0-2.02-.435-2.702-1.128-.188-.177-.34-.318-.623-.318a.74.74 0 0 0-.763.765c0 .2.07.387.223.552.951 1.081 2.443 1.645 3.865 1.645"/>
</Svg>);
});
Icon.displayName = 'FaceId';
export const FaceId = Icon;