@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 2.18 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" fillRule="evenodd">
<Path d="M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.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.003-.011.018-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M5 7.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M9.5 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m0 8c1.993 0 3.805.608 5.137 1.466.667.43 1.238.937 1.653 1.49.407.545.71 1.2.71 1.901 0 .755-.35 1.36-.864 1.797-.485.41-1.117.676-1.77.859-1.313.367-3.05.487-4.866.487s-3.553-.12-4.865-.487c-.654-.183-1.286-.449-1.77-.859C2.349 19.218 2 18.612 2 17.857c0-.702.303-1.356.71-1.9.415-.554.986-1.062 1.653-1.49C5.695 13.607 7.507 13 9.5 13m0 2c-1.597 0-3.035.492-4.055 1.148-.51.328-.89.682-1.134 1.007-.25.334-.311.576-.311.702 0 .074.015.15.157.27.173.148.494.314 1.016.46 1.04.29 2.553.413 4.327.413s3.287-.123 4.327-.413c.522-.146.843-.312 1.016-.46.142-.12.157-.196.157-.27 0-.126-.061-.368-.311-.702-.244-.325-.624-.679-1.134-1.007C12.535 15.492 11.097 15 9.5 15m8.5-2c1.32 0 2.518.436 3.4 1.051.822.573 1.6 1.477 1.6 2.52 0 .587-.253 1.073-.638 1.426-.357.328-.809.528-1.244.66-.87.263-1.99.343-3.118.343h-.203c.13-.348.203-.73.203-1.143q-.002-.336-.06-.65L17.893 17H18c1.081 0 1.96-.082 2.539-.257.262-.08.397-.16.455-.206-.029-.118-.185-.46-.738-.845a4 4 0 0 0-3.331-.546 7.5 7.5 0 0 0-1.684-1.48A6.06 6.06 0 0 1 18 13m-3-4a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/>
</G>
</Svg>);
});
Icon.displayName = 'Group2Line';
/**
* MingCute Icon: Group 2 Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const Group2Line = Icon;