UNPKG

@cometchat/chat-uikit-react-native

Version:

Ready-to-use Chat UI Components for React Native

13 lines 1.84 kB
import Svg, { Mask, Path, G } from "react-native-svg"; const SvgComponent = ({ height, width, color }) => (<Svg width={width} height={height} fill='none' viewBox='0 0 24 24'> <Mask id='prefix__a' width={24} height={24} x={0} y={0} maskUnits='userSpaceOnUse' style={{ maskType: "alpha", }}> <Path fill='#D9D9D9' d='M0 0h24v24H0z'/> </Mask> <G mask='url(#prefix__a)'> <Path fill={color} d='M12.002 21.5a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.017-2.032A9.25 9.25 0 0 1 12 2.5q.831 0 1.626.13.795.129 1.551.405.32.116.505.397.183.283.183.622v.944q0 .729.512 1.24.513.512 1.24.512h.624v1.152q0 .497.367.865.368.368.865.368h.823q.336 0 .612.204a.97.97 0 0 1 .367.544q.125.51.175 1.034T21.5 12q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.016 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 17.192q1.346 0 2.484-.637a5.2 5.2 0 0 0 1.847-1.73.55.55 0 0 0-.009-.549.5.5 0 0 0-.472-.276h-7.7a.5.5 0 0 0-.472.276.55.55 0 0 0-.009.549 5.2 5.2 0 0 0 1.859 1.73q1.149.637 2.472.637m-3.402-6.384q.546 0 .926-.383.38-.381.38-.927t-.382-.926a1.27 1.27 0 0 0-.928-.38q-.546 0-.926.383-.38.381-.38.927t.382.926q.383.38.928.38m6.808 0q.546 0 .926-.383.38-.381.38-.927t-.383-.926a1.27 1.27 0 0 0-.928-.38q-.545 0-.925.383-.38.381-.38.927t.382.926q.382.38.928.38M20.25 4.75H19a.73.73 0 0 1-.534-.216A.73.73 0 0 1 18.25 4q0-.32.216-.534A.73.73 0 0 1 19 3.25h1.25V2q0-.318.216-.534A.73.73 0 0 1 21 1.25q.32 0 .535.216A.73.73 0 0 1 21.75 2v1.25H23q.318 0 .534.216A.73.73 0 0 1 23.75 4q0 .32-.216.535A.73.73 0 0 1 23 4.75h-1.25V6q0 .319-.216.534A.73.73 0 0 1 21 6.75a.73.73 0 0 1-.535-.216A.73.73 0 0 1 20.25 6z'/> </G> </Svg>); export default SvgComponent; //# sourceMappingURL=add-reaction-fill.js.map