import React from 'react' ; import Svg , { Path } from 'react-native-svg' ; import { useTheme } from 'stream-chat-react-native' ; import { IconProps } from '../utils/base' ; export const Settings = ( { height = 24 , width = 24 } ) => { const { theme : { colors : { black } , } , } = useTheme ( ) ; return ( < Svg fill = 'none' height = { height } viewBox = '0 0 24 24' width = { width } > < Path d = 'M3.34 17a10.017 10.017 0 01-.978-2.326 3 3 0 00.002-5.347A9.99 9.99 0 014.865 4.99a3 3 0 004.631-2.674 9.99 9.99 0 015.007.002 3 3 0 004.632 2.672A9.99 9.99 0 0120.66 7c.433.749.757 1.53.978 2.326a3 3 0 00-.002 5.347 9.991 9.991 0 01-2.5 4.337 3 3 0 00-4.632 2.674 9.99 9.99 0 01-5.007-.002 3 3 0 00-4.632-2.672A10.02 10.02 0 013.34 17zm5.66.196a4.993 4.993 0 012.25 2.77c.5.047 1 .048 1.5 0a4.993 4.993 0 012.25-2.77 4.993 4.993 0 013.525-.564c.29-.408.54-.843.748-1.298A4.993 4.993 0 0118 12c0-1.26.47-2.437 1.273-3.334-.21-.455-.46-.89-.75-1.298A4.993 4.993 0 0115 6.804a4.992 4.992 0 01-2.25-2.77c-.499-.047-1-.048-1.499-.001a4.993 4.993 0 01-2.25 2.77 4.993 4.993 0 01-3.526.565 7.99 7.99 0 00-.748 1.298A4.993 4.993 0 016 12a4.99 4.99 0 01-1.273 3.334c.21.455.46.89.75 1.298A4.993 4.993 0 019 17.196zM12 15a3 3 0 110-6 3 3 0 010 6zm0-2a1 1 0 100-2 1 1 0 000 2z' fill = { black } / > < /Svg>); } ;