@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.66 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg viewBox="0 0 24 24" width={size} height={size} {...props}>
<G fill="none">
<Path d="M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M17.5 3a3.5 3.5 0 0 1 2.526 5.923A8.96 8.96 0 0 1 21 13a8.97 8.97 0 0 1-2.714 6.44l-.222.21.643.643a1 1 0 0 1-1.32 1.497l-.094-.083-.868-.868A8.96 8.96 0 0 1 12 22a8.96 8.96 0 0 1-4.12-.996l-.305-.165-.868.868a1 1 0 0 1-1.497-1.32l.083-.094.643-.643A8.98 8.98 0 0 1 3 13a8.96 8.96 0 0 1 .974-4.077A3.5 3.5 0 1 1 9.307 4.41 9 9 0 0 1 12 4c.938 0 1.842.143 2.693.41A3.5 3.5 0 0 1 17.5 3M12 6a7 7 0 1 0 0 14 7 7 0 0 0 0-14m0 2a1 1 0 0 1 1 1v3.586l1.813 1.812a1 1 0 0 1-1.415 1.415l-2.105-2.106a1 1 0 0 1-.293-.72V9a1 1 0 0 1 1-1M6.5 5a1.5 1.5 0 0 0-1.348 2.16 9 9 0 0 1 2.22-1.88A1.5 1.5 0 0 0 6.5 5m11 0c-.325 0-.626.103-.872.28a9 9 0 0 1 2.22 1.88A1.5 1.5 0 0 0 17.5 5"/>
</G>
</Svg>);
});
Icon.displayName = 'Alarm1Line';
/**
* MingCute Icon: Alarm 1 Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const Alarm1Line = Icon;