react-native-svg#Defs JavaScript Examples
The following examples show how to use
react-native-svg#Defs.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
QuestionsIcon = props => (
<Svg width={20} height={20} {...props}>
<Defs>
<Path
d="M12 16a1 1 0 110 2 1 1 0 110-2zm0-10c1.93 0 3.5 1.57 3.5 3.5 0 1.58-1.06 2.903-2.5 3.337V14a1 1 0 11-2 0v-2a1 1 0 011-1c.827 0 1.5-.673 1.5-1.5S12.827 8 12 8s-1.5.673-1.5 1.5a1 1 0 11-2 0C8.5 7.57 10.07 6 12 6zm0 14c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-18C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2"
id="prefix__a"
/>
</Defs>
<Use
fill="#FE7A4C"
xlinkHref="#prefix__a"
transform="translate(-2 -2)"
fillRule="evenodd"
/>
</Svg>
)
Example #2
| Source File: WiFiOn.native.js From blade with MIT License | 6 votes |
|
WiFiOn = ({ ...props }) => {
const theme = useTheme();
return (
<Icon viewBox="0 0 24 24" {...props}>
<G clipPath="url(#prefix__clip0)" fill={getColor(theme, props.fill)}>
<Path d="M1.661 10.748a15 15 0 0119.838 0 1 1 0 101.322-1.5C16.397 3.583 6.763 3.583.34 9.247a1 1 0 101.322 1.5z" />
<Path d="M5.22 14.316a10 10 0 0112.8 0 1 1 0 001.28-1.537 12 12 0 00-15.36 0 1 1 0 001.28 1.537z" />
<Path d="M14.48 17.922a5 5 0 00-5.79 0 1 1 0 11-1.16-1.63 7 7 0 018.11 0 1 1 0 11-1.16 1.63zM12 22a1 1 0 100-2 1 1 0 000 2z" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Icon>
);
}
Example #3
| Source File: UploadCloud.native.js From blade with MIT License | 6 votes |
|
function UploadCloud(props) {
const theme = useTheme();
return (
<Icon viewBox="0 0 24 24" {...props}>
<G clipPath="url(#prefix__clip0)" fill={getColor(theme, props.fill)}>
<Path d="M1.013 6.843A9 9 0 0117.48 8H18a6 6 0 012.869 11.268 1 1 0 01-.958-1.756A4 4 0 0018 10H16.74a1 1 0 01-.968-.75 7 7 0 10-12.023 6.388 1 1 0 11-1.498 1.324A9 9 0 011.013 6.843z" />
<Path d="M12.707 11.293a1 1 0 00-1.414 0l-4 4a1 1 0 101.414 1.414L11 14.414V21a1 1 0 102 0v-6.586l2.293 2.293a1 1 0 001.414-1.414l-4-4z" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path fill="#fff" d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Icon>
);
}
Example #4
| Source File: Success.native.js From blade with MIT License | 6 votes |
|
function Success(props) {
const theme = useTheme();
return (
<Icon viewBox="0 0 24 24" {...props}>
<G clipPath="url(#prefix__clip0)" fill={getColor(theme, props.fill)}>
<Path d="M4.158 7.147a9 9 0 0110.505-2.374 1 1 0 10.814-1.826A11 11 0 1022 13v-.93a1 1 0 10-2 0V13A9 9 0 114.158 7.146z" />
<Path d="M22.707 4.707a1 1 0 00-1.414-1.414L11 13.586l-2.293-2.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l11-11z" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Icon>
);
}
Example #5
| Source File: EyeOff.native.js From blade with MIT License | 6 votes |
|
function Eye(props) {
const theme = useTheme();
return (
<Icon viewBox="0 0 24 24" {...props}>
<G clipPath="url(#clip0)" fill={getColor(theme, props.fill)}>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M1.707.293A1 1 0 00.293 1.707l4.256 4.256C2.118 8.236.61 10.547.106 11.558a1 1 0 00.01.915c.796 1.503 2.316 3.704 4.333 5.493 2 1.773 4.623 3.256 7.597 3.038a11.07 11.07 0 005.783-1.76l4.464 4.463a1 1 0 001.414-1.414l-22-22zm14.668 17.496l-2.322-2.322a4 4 0 01-5.515-5.515L5.964 7.378c-1.942 1.805-3.231 3.624-3.822 4.624.757 1.303 2.027 3.042 3.634 4.467 1.818 1.612 3.934 2.71 6.147 2.539a9.072 9.072 0 004.451-1.22zm-6.346-6.346a2 2 0 002.533 2.533l-2.533-2.533zm13.849.083c-.797-1.46-2.317-3.605-4.33-5.374-2-1.757-4.61-3.25-7.565-3.147-.778 0-1.553.089-2.31.266a1 1 0 00.455 1.948 8.12 8.12 0 011.909-.215c2.236-.082 4.37 1.05 6.19 2.65 1.59 1.398 2.85 3.072 3.608 4.332-.23.364-.517.802-.8 1.22-.215.318-.423.616-.6.856a5.14 5.14 0 01-.342.436 1 1 0 001.414 1.414c.162-.162.36-.42.542-.667a44.54 44.54 0 001.809-2.725 1 1 0 00.02-.994z"
/>
</G>
<Defs>
<ClipPath id="clip0">
<Path d="M0 0H24V24H0z" />
</ClipPath>
</Defs>
</Icon>
);
}
Example #6
| Source File: index.js From designcode-app with MIT License | 6 votes |
|
export function NotificationIcon(props) {
return (
<Svg
width={props.size || 24}
height={props.size || 24}
viewBox="0 0 24 24"
fill="none"
{...props}
>
<G clipPath="url(#prefix__clip0)" fill={props.color || "#333"}>
<Path d="M20 10V8A8 8 0 004 8v2a4.441 4.441 0 01-1.547 3.193A4.183 4.183 0 001 16c0 2.5 4.112 4 11 4s11-1.5 11-4a4.183 4.183 0 00-1.453-2.807A4.44 4.44 0 0120 10zM9.145 21.9a2.992 2.992 0 005.71 0c-.894.066-1.844.1-2.855.1s-1.961-.032-2.855-.1z" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path fill="#fff" d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Svg>
);
}
Example #7
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
SmallCloseIcon = props => (
<Svg width={8} height={8} {...props}>
<Defs>
<Path
d="M8.943 8l2.862-2.862a.666.666 0 10-.943-.943L8 7.057 5.138 4.195a.666.666 0 10-.943.943L7.057 8l-2.862 2.862a.666.666 0 10.943.943L8 8.943l2.862 2.862a.665.665 0 00.943 0 .666.666 0 000-.943L8.943 8z"
id="prefix__a"
/>
</Defs>
<Use
fill="#FFF"
xlinkHref="#prefix__a"
transform="translate(-4 -4)"
fillRule="evenodd"
/>
</Svg>
)
Example #8
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
SuccessIcon = props => (
<Svg width={20} height={20} {...props}>
<Defs>
<Path
d="M14.705 8.395l-3.784 4.969-1.633-2.087a.999.999 0 10-1.575 1.232l2.43 3.107a1 1 0 00.789.383h.007a.994.994 0 00.788-.394l4.569-6a.999.999 0 10-1.591-1.21M12 20c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-18C6.477 2 2 6.478 2 12s4.477 10 10 10 10-4.478 10-10S17.523 2 12 2"
id="prefix__a"
/>
</Defs>
<Use
fill="#FFF"
xlinkHref="#prefix__a"
transform="translate(-2 -2)"
fillRule="evenodd"
/>
</Svg>
)
Example #9
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
CirclesBig = props => (
<Svg width={490} height={475} {...props}>
<Defs>
<Path id="prefix__a" d="M0 69h375v405H0z" />
<Path id="prefix__c" d="M.875.262h486v474h-486z" />
<Path id="prefix__e" d="M.875.262h486v474h-486z" />
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__b" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G opacity={0.279} mask="url(#prefix__b)">
<G transform="translate(3)">
<Mask id="prefix__d" fill="#fff">
<Use xlinkHref="#prefix__c" />
</Mask>
<Path
d="M217.684 319.338c38.37 10.8 60.718 50.658 49.919 89.026-10.8 38.369-50.658 60.717-89.027 49.918s-60.718-50.657-49.918-89.026c10.8-38.37 50.658-60.719 89.026-49.918zm192.68-106.94c38.368 10.799 60.718 50.657 49.918 89.027-10.8 38.368-50.658 60.717-89.027 49.918-38.368-10.8-60.717-50.658-49.917-89.026 10.799-38.37 50.657-60.72 89.025-49.92zm-299.62-85.74c38.369 10.8 60.718 50.658 49.918 89.026-10.799 38.37-50.657 60.718-89.026 49.92-38.368-10.8-60.718-50.66-49.918-89.028 10.8-38.368 50.658-60.718 89.026-49.919zm192.68-106.94c38.369 10.8 60.717 50.658 49.918 89.027-10.799 38.368-50.657 60.717-89.027 49.918-38.368-10.8-60.717-50.658-49.918-89.027 10.8-38.369 50.658-60.718 89.027-49.918z"
fill="#FAB18F"
fillRule="nonzero"
mask="url(#prefix__d)"
transform="rotate(-23 241 239)"
/>
</G>
<G transform="translate(3)">
<Mask id="prefix__f" fill="#fff">
<Use xlinkHref="#prefix__e" />
</Mask>
<Path
d="M220.497 308.29c-38.267-10.771-60.558-50.524-49.786-88.792 10.77-38.268 50.524-60.558 88.791-49.787 38.268 10.771 60.559 50.524 49.787 88.792-10.77 38.267-50.524 60.557-88.792 49.786"
fill="#006DC2"
fillRule="nonzero"
mask="url(#prefix__f)"
/>
</G>
</G>
</G>
</Svg>
)
Example #10
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
TracingIcon = props => (
<Svg width={14} height={18} {...props}>
<Defs>
<Path
d="M5.818 18a.818.818 0 01-.813-.906l.628-5.803H.818a.818.818 0 01-.68-1.273L6.593.363a.816.816 0 01.96-.313.816.816 0 01.534.856l-.629 5.803h4.816a.818.818 0 01.68 1.273l-6.455 9.655a.817.817 0 01-.68.363"
id="prefix__a"
/>
</Defs>
<Use fill="#FE7A4C" xlinkHref="#prefix__a" fillRule="evenodd" />
</Svg>
)
Example #11
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
ChatIcon = props => (
<Svg width={20} height={20} {...props}>
<Defs>
<Path
d="M12 10a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zm-8 0a1 1 0 110 2 1 1 0 010-2zm11.9 2.293c-.507 3.254-3.13 5.953-6.38 6.562a8.003 8.003 0 01-4.616-.487 3.215 3.215 0 00-1.253-.262c-.19 0-.378.018-.563.055l-2.812.562.563-2.817c.118-.585.046-1.21-.207-1.81a8.01 8.01 0 01-.487-4.617C4.754 6.23 7.452 3.607 10.707 3.1c2.59-.403 5.123.413 6.95 2.241 1.83 1.83 2.647 4.363 2.243 6.952m-.827-8.366c-2.285-2.284-5.445-3.303-8.674-2.804-4.077.636-7.457 3.92-8.22 7.987a10.007 10.007 0 00.61 5.765c.098.231.128.446.09.64l-.858 4.287a.997.997 0 00.274.903.996.996 0 00.903.274l4.283-.857a1.15 1.15 0 01.643.088 10.02 10.02 0 005.765.611c4.068-.763 7.352-4.143 7.988-8.22.502-3.227-.52-6.389-2.804-8.674"
id="prefix__a"
/>
</Defs>
<Use
fill="#FE7A4C"
xlinkHref="#prefix__a"
transform="translate(-2 -1)"
fillRule="evenodd"
/>
</Svg>
)
Example #12
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
InfoIcon = ({ color = '#FE7A4C', ...props }) => (
<Svg width={20} height={20} {...props}>
<Defs>
<Path
d="M12 10a1 1 0 011 1v5a1 1 0 01-2 0v-5a1 1 0 011-1zm0-3a1 1 0 110 2 1 1 0 010-2zm0 13c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-18C6.477 2 2 6.477 2 12s4.477 10 10 10c5.522 0 10-4.477 10-10S17.522 2 12 2"
id="prefix__a"
/>
</Defs>
<Use
fill={color}
xlinkHref="#prefix__a"
transform="translate(-2 -2)"
fillRule="evenodd"
/>
</Svg>
)
Example #13
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
Marker = props => (
<Svg width={18} height={24} {...props}>
<Defs>
<Path
d="M8.075 23.516C1.265 13.642 0 12.629 0 9a9 9 0 1118 0c0 3.629-1.264 4.642-8.075 14.516a1.125 1.125 0 01-1.85 0zM9 12.75a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z"
id="prefix__a"
/>
</Defs>
<Use fill="#FE7A4C" xlinkHref="#prefix__a" fillRule="evenodd" />
</Svg>
)
Example #14
| Source File: Logo.js From turkce-sozluk with MIT License | 6 votes |
|
function SvgLogo(props) {
return (
<Svg
width={86}
height={40}
viewBox="0 0 86 40"
fill="none"
className=""
{...props}
>
<G clipPath="url(#logo_svg__clip0)" fill="currentColor">
<Path d="M8.212 7.815H0V0h25.695v7.815h-8.212v20H8.212v-20zM27.815 0H38.41c11.126 0 16.556 5.43 16.556 13.642v.133c0 8.212-5.695 14.04-16.954 14.04H27.815V0zm9.271 8.08v11.655h1.59c4.238 0 7.02-1.722 7.02-5.828v-.132c0-3.974-2.782-5.828-7.02-5.828h-1.59v.132zM57.616 0h9.272v10.464L74.835 0h10.86l-9.668 12.053 9.8 15.762H74.703l-5.43-8.875-2.385 2.914v5.96h-9.271V0zM2.384 35.497H.662v-.928h4.239v.928H3.31v4.37h-.927v-4.37zM6.623 37.748v-3.046h.927v3.046c0 .928.53 1.457 1.324 1.457.795 0 1.325-.53 1.325-1.457v-3.046h.927v3.046c0 1.59-.927 2.384-2.252 2.384-1.324-.132-2.251-.927-2.251-2.384zm1.06-4.37h.926v.794h-.927v-.794zm1.589 0h.927v.794h-.927v-.794zM13.377 34.702h2.384c.663 0 1.193.132 1.59.53.265.265.397.662.397 1.192 0 .927-.53 1.457-1.192 1.59L18.013 40h-1.06l-1.324-1.854h-1.192V40h-.927v-5.298h-.133zm2.252 2.649c.662 0 1.06-.397 1.06-.927s-.398-.927-1.06-.927h-1.324v1.721h1.324v.133zM19.603 34.702h.927v2.649l2.517-2.649h1.191l-2.251 2.252L24.239 40h-1.192l-1.855-2.384-.662.795V40h-.927v-5.298zM29.14 34.702h1.986c1.722 0 2.781 1.192 2.781 2.649S32.715 40 31.126 40h-1.987v-5.298zm.926.795v3.576h1.06c1.06 0 1.854-.795 1.854-1.722 0-1.06-.662-1.854-1.854-1.854h-1.06zM35.894 33.377h.927v.795h-.927v-.794zm0 1.325h.927V40h-.927v-5.298zM39.073 34.702H40v4.503h2.782V40h-3.709v-5.298zM47.682 34.702h.927v2.649l2.517-2.649h1.192l-2.252 2.252L52.318 40h-1.192l-1.854-2.384-.663.795V40h-.927v-5.298zM53.775 37.748v-3.046h.927v3.046c0 .928.53 1.457 1.325 1.457.794 0 1.324-.53 1.324-1.457v-3.046h.927v3.046c0 1.59-.927 2.384-2.251 2.384-1.325-.132-2.252-.927-2.252-2.384zM60.53 34.702h2.384c.662 0 1.192.132 1.59.53.264.265.397.662.397 1.192 0 .927-.53 1.457-1.192 1.59L65.165 40h-1.06l-1.324-1.854H61.59V40h-.927v-5.298h-.132zm2.251 2.649c.663 0 1.06-.397 1.06-.927s-.397-.927-1.06-.927h-1.324v1.721h1.324v.133zM66.755 37.748v-3.046h.927v3.046c0 .928.53 1.457 1.325 1.457.794 0 1.324-.53 1.324-1.457v-3.046h.927v3.046c0 1.59-.927 2.384-2.251 2.384-1.457-.132-2.252-.927-2.252-2.384zM73.378 34.702h.927l1.59 2.517 1.589-2.517h.927V40h-.927v-3.841l-1.722 2.517-1.59-2.517V40h-.927v-5.298h.133zM80.662 37.748v-3.046h.927v3.046c0 .928.53 1.457 1.325 1.457.795 0 1.325-.53 1.325-1.457v-3.046h.927v3.046c0 1.59-.927 2.384-2.252 2.384-1.325-.132-2.252-.927-2.252-2.384z" />
</G>
<Defs>
<ClipPath id="logo_svg__clip0">
<Path d="M0 0h85.828v40H0V0z" fill="currentColor" />
</ClipPath>
</Defs>
</Svg>
)
}
Example #15
| Source File: PiggyBank.mobile.js From actual with MIT License | 6 votes |
|
SvgPiggyBank = props => (
<Svg
{...props}
viewBox="0 0 20 20"
style={{
color: '#242134',
...props.style
}}
>
<G clipPath="url(#piggy-bank_svg__clip0)">
<Path
d="M1.857 7.612H.98a.98.98 0 0 0-.98.98v2.224c0 .449.184.857.51 1.163.612.551 1.816 1.49 3.735 2.368a.571.571 0 0 1 .306.346l.939 3.286a.484.484 0 0 0 .469.347h1.47a.479.479 0 0 0 .469-.367l.47-1.817a.262.262 0 0 1 .326-.183c.571.122 1.183.163 1.795.163.613 0 1.225-.061 1.796-.163.143-.02.286.06.327.183l.47 1.817a.502.502 0 0 0 .468.367h1.47a.484.484 0 0 0 .47-.347l1.224-4.245a.487.487 0 0 1 .122-.224c.919-.98 1.53-2.163 1.735-3.47h.49c.53 0 .959-.448.938-.979-.02-.51-.47-.918-.98-.918h-.448C18.06 4.673 14.632 2 10.489 2c-1.775 0-3.428.49-4.755 1.326-.591-.408-1.469-.734-2.693-.632-.49.04-.715.612-.388.959.408.429.796 1 .877 1.735L1.857 7.612zm3.122.98a.862.862 0 0 1-.857-.858c0-.469.388-.857.857-.857.47 0 .858.388.858.857 0 .47-.388.858-.858.858z"
fill="currentColor"
/>
</G>
<Defs>
<ClipPath id="piggy-bank_svg__clip0">
<Path fill="currentColor" d="M0 0h20v20H0z" />
</ClipPath>
</Defs>
</Svg>
)
Example #16
| Source File: Loading.mobile.js From actual with MIT License | 6 votes |
|
SvgLoading = props => {
let { color = '#fff' } = props;
return (
<Svg {...props} viewBox="0 0 38 38" style={{ ...props.style }}>
<Defs>
<LinearGradient
x1="8.042%"
y1="0%"
x2="65.682%"
y2="23.865%"
id="loading_svg__a"
>
<Stop stopColor={color} stopOpacity={0} offset="0%" />
<Stop stopColor={color} stopOpacity={0.631} offset="63.146%" />
<Stop stopColor={color} offset="100%" />
</LinearGradient>
</Defs>
<G transform="translate(1 2)" fill="none" fillRule="evenodd">
<Path
d="M36 18c0-9.94-8.06-18-18-18"
stroke="url(#loading_svg__a)"
strokeWidth={2}
fill="none"
/>
<Circle fill="#fff" cx={36} cy={18} r={1} />
</G>
</Svg>
);
}
Example #17
| Source File: Icons.js From 4noobs-mobile with MIT License | 6 votes |
|
NotificationIcon = (props) => (
<Svg
width={24}
height={24}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#prefix__clip0)" fill="#4775f2">
<Path d="M20 10V8A8 8 0 004 8v2a4.441 4.441 0 01-1.547 3.193A4.183 4.183 0 001 16c0 2.5 4.112 4 11 4s11-1.5 11-4a4.183 4.183 0 00-1.453-2.807A4.44 4.44 0 0120 10zM9.145 21.9a2.992 2.992 0 005.71 0c-.894.066-1.844.1-2.855.1s-1.961-.032-2.855-.1z" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path fill="#fff" d="M0 0h24v24H0z" />
</ClipPath>
</Defs>
</Svg>
)
Example #18
| Source File: exercise.js From monsuivipsy with Apache License 2.0 | 6 votes |
|
function SvgComponent(props) {
return (
<Svg
width={30}
height={25}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}>
<G clipPath="url(#prefix__clip0_2777_13335)" fill="currentColor">
<Path d="M10.313 9.375c.517 0 .937-.35.937-.781 0-.647-.63-1.172-1.406-1.172-.518 0-.938.35-.938.781 0 .317.227.59.552.712.147.271.474.46.854.46z" />
<Path d="M9.844 7.422c-.777 0-1.406.525-1.406 1.172 0 .647.63 1.172 1.406 1.172.776 0 1.406-.525 1.406-1.172 0-.317-.226-.59-.552-.712-.147-.272-.474-.46-.854-.46zM15.469 7.422c-.777 0-1.406.525-1.406 1.172 0 .647.63 1.172 1.406 1.172.776 0 1.406-.525 1.406-1.172 0-.647-.63-1.172-1.406-1.172-.518 0-.938.35-.938.781 0 .432.42.781.938.781-.26 0-.469-.175-.469-.39 0-.216.21-.39.469-.39s.469.174.469.39c0 .215-.21.39-.47.39.518 0 .938-.35.938-.78 0-.432-.42-.782-.937-.782zM4.688 21.484c0-1.51 1.469-2.734 3.28-2.734 1.813 0 3.282 1.224 3.282 2.734S9.78 24.22 7.969 24.22c-1.812 0-3.282-1.225-3.282-2.735zm3.28 1.172c.777 0 1.407-.524 1.407-1.172 0-.647-.63-1.172-1.406-1.172-.777 0-1.407.525-1.407 1.172 0 .648.63 1.172 1.407 1.172zM1.406 22.656C.63 22.656 0 23.181 0 23.828 0 24.475.63 25 1.406 25c.777 0 1.407-.525 1.407-1.172 0-.647-.63-1.172-1.407-1.172-.518 0-.937.35-.937.782 0 .431.42.78.937.78-.259 0-.468-.174-.468-.39 0-.216.21-.39.468-.39.26 0 .469.174.469.39 0 .216-.21.39-.469.39.518 0 .938-.349.938-.78 0-.432-.42-.782-.938-.782zM21.563 9.375c.517 0 .937-.35.937-.781 0-.647-.63-1.172-1.406-1.172-.518 0-.938.35-.938.781 0 .317.227.59.552.712.147.271.474.46.855.46z" />
<Path d="M20.625 7.813c-.518 0-.938.35-.938.78 0 .648.63 1.173 1.407 1.173.776 0 1.406-.525 1.406-1.172 0-.432-.42-.781-.938-.781-.17 0-.33.038-.468.104a1.08 1.08 0 00-.469-.104z" />
<Path d="M22.031 8.203c0-.431-.42-.781-.937-.781-.777 0-1.407.525-1.407 1.172 0 .431.42.781.938.781.38 0 .707-.189.855-.46.325-.122.551-.395.551-.712z" />
<Path d="M5.66 6.515c.064.356-.174.703-.574.839-2.284.774-3.59 2.787-3.115 4.803.474 2.016 2.594 3.47 5.06 3.468h12.657c3.885.002 7.269-2.208 8.193-5.353.924-3.145-.85-6.408-4.297-7.902-3.447-1.494-7.672-.832-10.231 1.604-.355.338-.977.357-1.362.043-1.077-.88-2.683-1.135-4.073-.647-1.384.485-2.286 1.611-2.293 2.86.006.096.018.19.035.285zm1.53-4.586c1.791-.627 3.82-.434 5.381.468C15.731-.126 20.507-.725 24.449.984c4.214 1.826 6.383 5.816 5.253 9.66-1.13 3.844-5.266 6.546-10.015 6.543H7.032C3.67 17.19.777 15.207.13 12.457-.471 9.9 1.03 7.343 3.75 6.15c.045-1.846 1.39-3.502 3.44-4.22z" />
</G>
<Defs>
<ClipPath id="prefix__clip0_2777_13335">
<Path fill="#fff" d="M0 0h30v25H0z" />
</ClipPath>
</Defs>
</Svg>
);
}
Example #19
| Source File: Icons.js From 4noobs-mobile with MIT License | 6 votes |
|
CoursesIcon = (props) => (
<Svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#prefix__clip0)">
<Path
d="M6 12h2c.6 0 1-.4 1-1V3.5l3.2 7.9c.2.5.8.8 1.3.5l1.9-.8c.5-.2.8-.8.5-1.3L12.1.5c-.2-.5-.8-.8-1.3-.5L9 .8C8.9.4 8.5 0 8 0H6c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1z"
fill="#7D8FFF"
/>
<Path
d="M1 12h2c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H1C.4 0 0 .4 0 1v10c0 .6.4 1 1 1z"
fill="#546BFB"
/>
<Path d="M16 14H0v2h16v-2z" fill="#D7DCFF" />
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path fill="#fff" d="M0 0h16v16H0z" />
</ClipPath>
</Defs>
</Svg>
)
Example #20
| Source File: Icons.js From 4noobs-mobile with MIT License | 6 votes |
|
StarIcon = (props) => (
<Svg
width={16}
height={16}
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#prefix__clip0)">
<Path
d="M15.144 5.439l-4.317-.628L8.9.9a1.041 1.041 0 00-1.8 0L5.173 4.812l-4.317.627A1 1 0 00.3 7.145l3.123 3.045-.737 4.3a1 1 0 001.451 1.054L8 13.513l3.861 2.029a1 1 0 001.451-1.054l-.737-4.3L15.7 7.145a1 1 0 00-.554-1.705l-.002-.001z"
fill="#546BFB"
/>
</G>
<Defs>
<ClipPath id="prefix__clip0">
<Path fill="#fff" d="M0 0h16v16H0z" />
</ClipPath>
</Defs>
</Svg>
)
Example #21
| Source File: Icons.js From rakning-c19-app with MIT License | 6 votes |
|
List = props => (
<Svg width={18} height={12} {...props}>
<Defs>
<Path
d="M4 16a1 1 0 110 2 1 1 0 010-2zm16.064 0c.515 0 .936.421.936.936v.128a.938.938 0 01-.936.936H7.936A.938.938 0 017 17.064v-.128c0-.515.42-.936.936-.936zM4 11a1 1 0 110 2 1 1 0 010-2zm16.064 0c.515 0 .936.421.936.936v.128a.938.938 0 01-.936.936H7.936A.938.938 0 017 12.064v-.128c0-.515.42-.936.936-.936zM4 6a1 1 0 110 2 1 1 0 010-2zm16.064 0c.515 0 .936.421.936.936v.128a.938.938 0 01-.936.936H7.936A.938.938 0 017 7.064v-.128C7 6.421 7.42 6 7.936 6z"
id="prefix__a"
/>
</Defs>
<Use
fill="#FE7A4C"
xlinkHref="#prefix__a"
transform="translate(-3 -6)"
fillRule="evenodd"
/>
</Svg>
)
Example #22
| Source File: Icons.js From rakning-c19-app with MIT License | 5 votes |
|
OnboardingCardIcon = props => (
<Svg width="375px" height="100%" viewBox="0 0 375 335" {...props}>
<Defs>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="prefix__c">
<Stop stopColor="#FEEFE8" stopOpacity={0} offset="0%" />
<Stop stopColor="#FEEFE8" offset="100%" />
</LinearGradient>
<Path id="prefix__a" d="M0 0h375v335H0z" />
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__b" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<G transform="translate(28 125)">
<Rect fill="#FFF" width={319} height={269} rx={12} />
<Rect
fill="#FF8F5E"
opacity={0.358}
x={97}
y={27}
width={125}
height={11}
rx={2}
/>
<Path
d="M226 80a2 2 0 012 2v17a2 2 0 01-2 2H97a2 2 0 01-2-2V82a2 2 0 012-2h129zm33-25a2 2 0 012 2v17a2 2 0 01-2 2H64a2 2 0 01-2-2V57a2 2 0 012-2h195z"
fill="#324355"
opacity={0.08}
/>
<Path
d="M272 197a2 2 0 012 2v6a2 2 0 01-2 2H46a2 2 0 01-2-2v-6a2 2 0 012-2h226zm-9-18a2 2 0 012 2v6a2 2 0 01-2 2H55a2 2 0 01-2-2v-6a2 2 0 012-2h208zm15-18a2 2 0 012 2v6a2 2 0 01-2 2H40a2 2 0 01-2-2v-6a2 2 0 012-2h238zm8-19a2 2 0 012 2v6a2 2 0 01-2 2H32a2 2 0 01-2-2v-6a2 2 0 012-2h254zm-8-18a2 2 0 012 2v6a2 2 0 01-2 2H40a2 2 0 01-2-2v-6a2 2 0 012-2h238z"
fill="#F7F7F7"
/>
</G>
</G>
<Path
fill="url(#prefix__c)"
mask="url(#prefix__b)"
d="M0 251h375v84H0z"
/>
<G mask="url(#prefix__b)">
<G transform="translate(299 115)">
<Circle fill="#FE7A4C" cx={27} cy={27} r={27} />
<Path
stroke="#FFF"
strokeWidth={5}
d="M14.07 26.432l11.414 9.26 14.748-18.294"
/>
</G>
</G>
</G>
</Svg>
)
Example #23
| Source File: ScanQRCodeScreen.js From RRWallet with MIT License | 5 votes |
|
render() {
return (
<View style={styles.container}>
<RNCamera
ref={cam => {
this.camera = cam;
}}
style={styles.preview}
type={this.state.camera.type}
flashMode={this.state.camera.flashMode}
autoFocus={RNCamera.Constants.AutoFocus.on}
onBarCodeRead={this.onBarCodeRead.bind(this)}
permissionDialogTitle={"请求使用相机"}
permissionDialogMessage={"App需要获得使用相机的许可"}
/>
<View style={styles.overlay}>
<Svg height={height} width={width} style={styles.svg}>
<Defs>
<ClipPath id="clip" height={height} width={width}>
<Rect x="0" y="0" height={height} width={width} />
<Polygon points={polygonPoints} />
</ClipPath>
</Defs>
<Path
x={reactX}
y={reactY}
d={`M0 1.5 L20 1.5 M1.5 0 L1.5 20`}
fill="none"
stroke={theme.brandColor}
strokeWidth="3"
/>
<Path
x={reactX + rectWidth}
y={reactY}
d={`M0 1.5 L-20 1.5 M-1.5 0 L-1.5 20`}
fill="none"
stroke={theme.brandColor}
strokeWidth="3"
/>
<Path
x={reactX + rectWidth}
y={reactY + rectHeight}
d={`M0 -1.5 L-20 -1.5 M-1.5 0 L-1.5 -20`}
fill="none"
stroke={theme.brandColor}
strokeWidth="3"
/>
<Path
x={reactX}
y={reactY + rectHeight}
d={`M0 -1.5 L20 -1.5 M1.5 0 L1.5 -20`}
fill="none"
stroke={theme.brandColor}
strokeWidth="3"
/>
<Rect x="0" y="0" width="100%" height="100%" fill="#000000" opacity="0.6" clipPath="url(#clip)" />
</Svg>
<Header
title={i18n.wallet("title-scan")}
titleColor={"#FFFFFF"}
leftButtons={ScanQRCodeScreen.navigatorButtons.leftButtons}
rightButtons={ScanQRCodeScreen.navigatorButtons.rightButtons}
navigator={this.props.navigator}
style={styles.header}
/>
<Tip ref={o => (this.tip = o)} />
</View>
</View>
);
}
Example #24
| Source File: Icons.js From rakning-c19-app with MIT License | 5 votes |
|
OnboardingChatIcon = props => (
<Svg width="375px" height="100%" viewBox="0 0 375 335" {...props}>
<Defs>
<Path id="prefix__a" d="M0 0h375v335H0z" />
<Path
d="M12 10a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zm-8 0a1 1 0 110 2 1 1 0 010-2zm11.9 2.293c-.507 3.254-3.13 5.953-6.38 6.562a8.003 8.003 0 01-4.616-.487 3.215 3.215 0 00-1.253-.262c-.19 0-.378.018-.563.055l-2.812.562.563-2.817c.118-.585.046-1.21-.207-1.81a8.01 8.01 0 01-.487-4.617C4.754 6.23 7.452 3.607 10.707 3.1c2.59-.403 5.123.413 6.95 2.241 1.83 1.83 2.647 4.363 2.243 6.952m-.827-8.366c-2.285-2.284-5.445-3.303-8.674-2.804-4.077.636-7.457 3.92-8.22 7.987a10.007 10.007 0 00.61 5.765c.098.231.128.446.09.64l-.858 4.287a.997.997 0 00.274.903.996.996 0 00.903.274l4.283-.857a1.15 1.15 0 01.643.088 10.02 10.02 0 005.765.611c4.068-.763 7.352-4.143 7.988-8.22.502-3.227-.52-6.389-2.804-8.674"
id="prefix__d"
/>
<Path
d="M12 10a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zm-8 0a1 1 0 110 2 1 1 0 010-2zm11.9 2.293c-.507 3.254-3.13 5.953-6.38 6.562a8.003 8.003 0 01-4.616-.487 3.215 3.215 0 00-1.253-.262c-.19 0-.378.018-.563.055l-2.812.562.563-2.817c.118-.585.046-1.21-.207-1.81a8.01 8.01 0 01-.487-4.617C4.754 6.23 7.452 3.607 10.707 3.1c2.59-.403 5.123.413 6.95 2.241 1.83 1.83 2.647 4.363 2.243 6.952m-.827-8.366c-2.285-2.284-5.445-3.303-8.674-2.804-4.077.636-7.457 3.92-8.22 7.987a10.007 10.007 0 00.61 5.765c.098.231.128.446.09.64l-.858 4.287a.997.997 0 00.274.903.996.996 0 00.903.274l4.283-.857a1.15 1.15 0 01.643.088 10.02 10.02 0 005.765.611c4.068-.763 7.352-4.143 7.988-8.22.502-3.227-.52-6.389-2.804-8.674"
id="prefix__f"
/>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="prefix__g">
<Stop stopColor="#FEEFE8" stopOpacity={0} offset="0%" />
<Stop stopColor="#FEEFE8" offset="100%" />
</LinearGradient>
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__c" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G filter="url(#prefix__b)" mask="url(#prefix__c)">
<G transform="translate(15 163)">
<Path
d="M275 0c6.627 0 12 5.373 12 12v108c0 6.627-5.373 12-12 12H30.061L18 147.833V132h-6c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h263z"
fill="#FFF"
/>
<Use
fill="#FE7A4C"
xlinkHref="#prefix__d"
transform="translate(17 17)"
/>
<Rect fill="#F0E5E0" x={52} y={22} width={95} height={14} rx={2} />
<Rect fill="#F0E5E0" x={52} y={54} width={181} height={10} rx={2} />
<Rect fill="#F0E5E0" x={52} y={75} width={201} height={10} rx={2} />
<Rect fill="#F0E5E0" x={52} y={94} width={115} height={10} rx={2} />
</G>
</G>
<G filter="url(#prefix__e)" mask="url(#prefix__c)">
<G transform="translate(67 87)">
<Path
d="M12 0C5.373 0 0 5.373 0 12v66c0 6.627 5.373 12 12 12h254.2l12.8 16V90h6c6.627 0 12-5.373 12-12V12c0-6.627-5.373-12-12-12H12z"
fill="#FFF"
/>
<Use
fill="#FE7A4C"
xlinkHref="#prefix__f"
transform="matrix(-1 0 0 1 287 13)"
/>
<Rect fill="#F0E5E0" x={72} y={18} width={183} height={14} rx={2} />
<Rect
fill="#F0E5E0"
transform="matrix(-1 0 0 1 280 0)"
x={25}
y={44}
width={230}
height={10}
rx={2}
/>
<Rect
fill="#F0E5E0"
transform="matrix(-1 0 0 1 364 0)"
x={109}
y={62}
width={146}
height={10}
rx={2}
/>
</G>
</G>
<Path
fill="url(#prefix__g)"
mask="url(#prefix__c)"
d="M0 251h375v84H0z"
/>
<Path fill="#FEEFE8" mask="url(#prefix__c)" d="M0 0h375v56H0z" />
</G>
</Svg>
)
Example #25
| Source File: Icons.js From rakning-c19-app with MIT License | 5 votes |
|
IcelandMap = props => (
<Svg width="375px" height="100%" viewBox="0 0 375 335" {...props}>
<Defs>
<Circle id="prefix__d" cx={85} cy={252} r={6} />
<Circle id="prefix__f" cx={117} cy={234} r={6} />
<Circle id="prefix__h" cx={175} cy={272} r={6} />
<Circle id="prefix__j" cx={253} cy={291} r={6} />
<Path id="prefix__a" d="M0 0h375v335H0z" />
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__b" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<Path
d="M99.031 128.511l-.228.12-.058.228-.176.17-.288-.06.35.748.286-.112.114-.176.342-.288.29-.228h.056v-.63h-.632l-.056.228zm84.856 174.711l-.286.63-.176.406.234.348.456.172h.17l.29-.408-.056-1.148h-.632zm-51.062-79.889l.292.258.456.409.404-.307-.404-.513-.514-.413-.114-.408-.522-.359-.4.36.342.307.29.253.17.413zM111.454 190l.516-.666.69-.187.286-.618-.172.044-.114-.139-.172-.434h-.688l-.462.434-.284.424.058.143.17.045v.67l.172.284zm-2.234-21.35l.607.887.519.36.417.103.237-.103v-.675l-.19-.052-.557.26-.614-.78-.752-1.194L108 166l.19 1.038.373.52.657 1.092zm-10.959-37.593l.114-.342h-.172l-.29.17-.288-.17.058.512.288.058.29-.228zm-9.179-24.401l-.4.228-.112.518.454-.286.406-.518-.348.058zm4.319-.402l-.172.114-.63.398v.98l.402-.574.286-.292.114-.626zm7-5.998l.29-.916-.694.454-.226-.112-.116.172-.346.458.234.348.858-.404zm22.573-1.793l.228-.344.17-.348.058-.288-.286.056-.342.288-.232.636.056.054.348-.054zm-43.712-.811h.17l-.056-.228-.29.114-.172.226-.346.524.112.288.468-.692.114-.232zm218.175-69.677l.054-.34-.106-.29.106.176.152-.176.303.056.054-1.264-.51-.112-1.082.288-.408.342v.98h.715l.722.34zm178.35 106.38l-.771-.568v-.723l.207-1.142.151-2.022v-2.076l-.103-1.448-1.597 2.026-1.187 2.33-.11.359-.362.31-.67 1.349-.416.314-.155-.211-.255-.415-.314-.413-.411-.204h-1.292l.313-.628.311-.409.36-.263.406-.103v-.62l-.716-.677-3.205.677v-.73l1.29-.513 1.396-.153 1.548-.73.211-.412v-.37l-.052-.461.104-.623.673-1.087.15-.725-.414-.312h-1.546l-2.846.725-6.303-.725-4.807 1.037-1.245-1.037h2.535l2.378-.622h5.53l5.168-1.346.932-.573 1.655-2.693.927-.831-.565-1.551-1.033-1.14-2.016-1.351-1.245-.362-3.978 1.035-2.013-.154-6.514 2.435-.622-.93 1.032-.673 3.465-.678 1.707-1.088.88-.31h2.065l1.297-.568.928-1.09-.11-1.659-3.2-1.138-1.038-.882 1.655-.881 3.726.571 1.394-1.037v-1.09l.159-.933v-.723l-.414-.623 1.39-1.037.263-.41v-.885l-.466-1.868-.11-.565.423-.883.772-.934.57-1.398-.054-2.179-.259-.46-1.452-1.663-.251-.104-.57.205-.314-.1-.052-.309v-.624l-.048-.62-.21-.415-1.239-.314-1.032.78-1.916 2.85-.716-.672-.365-.518-.261-.727.155-1.192.106-.882-.058-.726-.358-.567-.568-.21-1.29.052v-.623l.568-.205.205-.677-.054-1.033-.304-1.194-.471-.514-.826-.054-4.497 1.14-1.135-.21-9.047-5.439.465 1.09 1.19 1.294.617.933-3.25-2.437-1.09-.256-.877.62-5.117 7.723-.775 1.604-.416.676-1.394 1.396-.464.26-.416.465-.877 2.178-.52.776.203-1.656.471-1.504.668-1.246 3.103-3.78.83-2.127 2.17-2.537.985-2.592 1.19-.93 2.22-.729-.777-.934-2.581-1.755-.932-.732-.203-.254-.159-.367-.313-.878-.104-.833 1.036-1.035 1.756-4.195-1.292-1.454-1.705.417-3.154 1.76-8.842 2.435-3.204 1.868-1.5.413-1.443-.727.463-1.76 1.19-2.28.62-2.074-1.911 2.542-1.087.876-1.243.105 2.073-2.28.777-1.45-.054-1.76.928-1.19 3.05-2.28 2.689-3.369.466-.418.154-.724.932-2.438.052-.462-.052-1.09v-.466l.207-.467.516-.52.107-.467-.056-1.087-.416-2.282-.102-1.138-.256-.36-.57-.103-.568-.417-.204-1.19-.21-2.28-.57-1.504-.83-.934-.923-.514-2.123.254-3.412 3.113-1.91.153-2.688-1.242-4.653-.154-.822-.676.51-.362.78-.778.358-.36-.205-1.921-.52-.776-2.43-.158-.615-.258-1.24-.985.772-2.281 1.083-.985 2.536-.153.668-.363 3.936-3.834.358-.776.516-1.715.103-1.138-.261-.566-.151-.473-.878-1.808-.207-.211-.209-.825-.52-.524-.976-.41.976-1.762 1.298-1.09 3.77-.986 3.256-2.54 7.292-3.312 1.964-2.23-7.86 1.346-.932-.416-1.599-1.346-.984-.306-3.513.672-1.085.776-1.607 1.659-.768 1.297-.26 1.55-.468 1.243-2.888 1.921-.21.776-.054.93-.21.781-2.888 1.037h-5.071l-1.188.723-.259.987.157 1.452.15 2.07-.15 1.968-.308 1.61-.523 1.14-.718.516.155.415.102.209.358.155-.977.884-.723-.935-.83-1.403-1.341-1.031-1.242-1.402-1.135-.519-.42-.62-.254-.88-.105-1.088-.412.463-.259.204h-.26l-.41-.718-.206-.472-.47-.155-1.444.678-3.004-.159-.612-.571.306-1.396.203-1.138-.15-.73-1.343-.567-.568-.624-.52-.31-.464.566-.569-1.448 1.24-1.037.984-1.347 1.703-3.267-.822-2.797v-.62l.103-.934-.416-.931-.67-.725-.731-.262h-3.922l.05-.517.101-1.142.155-.461-.72.358-1.655-.358-1.497.358-.574-.153.416-.882-.21-.31-.409-.831-.207-.307.878-.78v-.623l-.154-.05-.418.05.26-1.607.52-.622.668-.413.572-.88-1.964-.828L372.357-11l-1.914.826-.464.262-2.323-1.034h-1.138l-.934.465-.358.466-.313 1.966-.464.575-.517-.159-.313-1.192-.052-.26-.46.677-.416.986-.464.723v.778l-.207.05-.83.415-.771.155-.725-.62.257-.155.569-.623-.723-.106-.465-.67-.467-.83-.617-.52-.367.159-1.188 1.033-.67.262.158.618.052.42v.462l.102.626-.413-.364-.366-.724-.154-.986.154-1.14v-.831l-.672-.053-1.137.518-.517.469-.306.985-.154.986-.11.464-.464-.155-.1-.623-.051-.775-.26-.626-.877.153-.83 1.248-.36 1.454 1.136 1.345.83 3.317.717.987v.72h-.876l.365 1.298.205.414.306.309-.151.366-.261.775-.151.314.412-.056.151.056-.306 1.811.256.833 1.138.929.106.57.05.934.051.878.21.365.258.104.254.204.154.314.679 1.555.41.725.26.827.101 1.555-.1.936-.261.981-.362.832-.151.517v.62l-.73.68-.62 1.032-.415 1.299-.153 1.552.308 1.138.777 1.142 1.445 1.502v.778l-1.08-.155-1.6-2.486-.985-.936-.883-.05-3.614 1.45 1.187-1.245 3.616-2.176-.977.052-1.705 1.087-2.792.935-1.86 1.347.773.779.158.775v.985l.31 1.347.464.725.62.78 1.343.934v.617l-1.395-.309-.93-1.553-.833-1.816-1.135-1.14-.46.256-.52.834-.774 2.074-.313.102-.772-1.504-.52-.364.621-.721.623-.42.619-.257h.67l-1.55-.461-5.165 1.448-1.454 1.138.621.624.26.049-.463.571-.52.103-.513-.206-.523-.468v-.673h.523v-.882l.049-.566-1.601-4.352-.826-1.87-1.083-.776-4.143-.417-1.081-1.035-.412 1.766-2.537.981-1.135 1.196-.826 1.448-.21.723.467.314.256.514-.052 1.196-.256 1.192-.464.568-1.036.413-1.241 1.037-1.033 1.35-.516 1.397-.049 1.3.097 1.499-.048.57-.207.775-.257.523-.675.776.155 1.345-.258 1.037-.52.723-.516.47v.621l.416.624.162.67-.11.728-.203.723h-.265l-.561-1.863-.26-1.141-.469-.466-6.566.103.984.828 3.827-.206-.724.677-.932.514-.931.26-.826-.051.415 1.504.513 1.347.365 1.448-.154 1.92-.569-1.294-1.392-4.2-1.04-2.074-.723-.987-1.342-.98-.468-1.35-.671-2.896-.516-1.142-1.603-2.541-.569-.518-.773-.416-1.342-1.916-.675-.468-1.655.261-.468-.261-.358-.724-.365-2.021-.362-.778-1.754-.826-4.085 1.09-1.547-.884.15-.206.055-.052v-.159l.048-.313-.615-.204-1.76.204-.573-.204-.977-.882-.568-.31-3.668-.256-.627.203-1.084 2.954-.205 4.77.518 4.715 1.137 2.85v.775h-.312v.678l.52.98.826 2.077 1.187.774.52 1.037.151 1.345-.358 1.454.41.725 1.29 1.66.524.362.155-.206.358-.934.203-.258.212.103.101.207.056.204.05.155.31.312.829 1.814.203.103.31-.153h.262l.1.362-.05 1.402.05.308 1.242 4.817.155 1.555-.26 1.866-.208.31-.72.675-.21.417-.158 1.087v.725l.11.623v.934l-.159.57-.205.46-.104.68.207 1.137.26.415.826.677.312.358.412 1.193.358 1.818.052 1.81-.513 1.243-.675-.26-.512-1.398-.21-1.762.21-1.345-1.914-2.076-1.19-1.758-.365-.26-.15-.676V65.85l-.211-.778-.774-1.817-.153-1.137.1-2.797-.1-.831-.468-1.19-.257-.365-.361-.103-.778.103-.307-.155-.155-.26-.057-.465-.358-1.35-.256-1.191-.313-1.032-.928-.779-.675-1.66-.46-.722-.421-.366-3.044-.466-1.866-1.192-2.943-.777-.106-.776.313-1.765.774-3.055-.461-1.557-.313-2.072-.416-1.758-.617-.78-.52-.36-.514-.678-.52-.412-.513.412-.417.57-.567.366-.568.153-.517-.05 1.188-2.59.516-1.61-.414-.722-.773-.624-.875-1.346-.984-1.244-1.19-.262-2.949 3.108-.46.056.154-1.557.671-2.177.313-1.5-2.072-1.037-1.135-.204-.729.565.158.414.155 1.04-.926 2.174-.578.88-.772.312.312-3.264-1.289-.673-3.675 1.396-1.448 1.293-.41.628-.261 1.087-.464 2.383-.362.673v.674l.207.153.41.417.209.159v.617h-.26l.21.986.26.727.358.568.519.523-.826-.21-1.396-1.507-.828-.307.157-.986.15-.411-.41-.159-.363.106-.313.258-.305.412.05 1.713-1.035-.21-1.915-1.503-5.475.936-2.331 1.29-.718.937-.42.831-.204.258v.363l.413 2.12.314 1.04.411.779.414.62-.62 1.142-.778.827-.823.518-.724.159-.518.36-.361.832-.155.929v.723l2.427 2.752.154.669 1.137 3.472.625 2.49.255 2.386-.05 2.54-.256 2.9-.467 2.848-.362 1.399-.412.624-.777.514-.358-.05-.158-.828.106-.467.305-.309.412-.209-1.189.05-.46-.153-.313-.312-.569-.828-.15-.158-1.242-.155-.313.78-.261 2.125-.824-1.24-2.168-.679-.881-1.243-.256-1.141-.21-2.695-.158-1.242-.308-.725-.88-2.022-.104-.673-.05-.725-.103-.728-.257-.725-.205-.155-.522.104-.256-.263-.518-.826-.415-.155-.511.054-1.659-1.091-2.223-.363-.724-.725.056-1.812-.777-1.295-1.034-1.088-.774-1.35.153-.312.21-.772.153-.368-.466-.413-.208-.619-.155-.777-.255-.882-1.711-3.319-.565-1.498-.414-1.562-.313-.77-.408-.422.306-.774-.983-.57-.775-.775-.567-1.248-.207-2.174-.88.828-.931-.103-2.013-.78-.671.42-1.5 1.861-.776.47-1.448-.208-.518.156-.41.361-.727.882-.41.155-1.71-.205-.98.205-.824.725.513 1.299-.205 1.652-.569 1.556-.62.987.723.878.568 1.037.466 1.295.261 1.713.256 3.474.307.932 1.553 3.575 1.034 3.264.416 2.898-1.087 1.037v.781l.984 1.037 1.035 1.863.825 2.383.312 2.593-.108 1.605-.261 1.4-.41 1.037-.517.418-.57.615.052 1.454.57 1.195.875.204-.824.258h-.774l-.363.366-.205.723-.052 1.607-.159.724-.615 1.192-1.295 1.97-.466 1.346.466 1.504-.261 1.142-.36 1.19.155 1.607-.619-1.453.157-4.4-.522-.935-.563.205-1.137.935-.574.205-1.29.105-1.394.518.619.672.67.154 1.395-.101.471.26.616 1.348.521.415-.47 2.123-.206 1.553-.358 1.037-.932.625-.518.103-.518-.103-.517-.261-.466-.364-.462-.617-.209-.576-.152-.67-.263-.778-.256-.261-.779-.466-.152.051V90l.102-.676.21-.777-.16-1.142v-.568l-.05-.416-.36-.623-.982-.775-.518.725-.052 1.607.468 1.814-.932.363-.463-1.036v-1.711l.513-1.71-.36-1.454.052-2.023.308-3.986.104-.26.159-.05.1-.155-.1-.88-.159-.107-.514.107-.153-.054-.779-1.142-.416-.312-.516.108-.155.98-.568.42-.774.207-.777.41-2.531 3.423-4.652 3.679-1.238 2.435-.158.62-.416 2.905-.102.464-.513.936-.21.517-.159 1.506v1.6l.108 2.334.364 2.956.717 3.214.984 3.057 1.085 2.331-.307.724-.569-.518-1.398-.469-.307-.723-.205-.673-1.19-2.434-1.244-4.2-.875-1.763-1.241-.723-.52 1.396.158 3.113.875 7.513v1.35l-.256 1.5-.307.62-.42.572-.255.62.205.832-.257.308-.62 1.087.312.886.723 1.504.362.981.104.723.101 1.607.62 2.388-.312 1.346-.671.568-.671-.568v-.623l.31-1.71-.413-1.92-.83-1.654-.773-.882.052-.256v-.108l.053-.052.158-.206-.574-.983-1.6-5.185v-.985l.206-2.021v-1.5l-.257-2.178v-1.244l.104-1.037-.104-.725-.573-.363.261-1.659-.413-.983-1.548-1.502-1.138-1.966-.623-.523-.933-.207-.877.308-1.602 1.454-4.135 1.605v-.671l1.963-.776 2.377-2.593 2.068-3.472.882-3.628-.882-4.3-2.17.52-2.532 2.279-1.966 1.142v-.678l.829-.931 2.12-3.367.463-1.091-.565-1.295-1.189-.619-6.877.153-.723-.676-.206-.26-.465-.409-.466-.78-.205-1.344-.155-.522-.367-.517-.668-.673.515-.831.311-.62.103-.834-.103-1.19-.158-.155-.876-1.654-.103-.262-.67-.62-1.917-1.295-.773-.159 1.187-.725h1.347l1.24.673 1.034 1.454.053.826.514 1.403.777 1.345.774.568.158.314.723 1.295.362.467 5.584.256 1.24-.927 3.308-4.254-.625-.62-2.17-1.404-.672-.204-1.55.309-.879-.053v-.723l4.185-1.609 1.189-1.085.727-1.347 2.069-4.818v-.728l-1.967-1.398 1.24-.727.466-1.345-.101-1.71-.62-2.072-1.087-.933-4.445 1.294v-.673l1.757-1.35.516-.829-1.189-.723-3.876.723-2.327 1.3-1.135.156-.775-1.403h.615l4.345-1.294 1.137-.932 5.787-.521-.513-2.179-.727-1.19-.984-.566-1.187-.262-4.445 1.245-1.036-.879-.769-1.403-.208-.725.259-.983.36-.155.881-.729.513-.773-.826-.314-.155-.363-.158-.779-.203-.775-.308-.364-1.813.158-1.445.725-.518.57.826 2.024.05.775v1.708l-.255.52-.518.622-.671.465-.517.155.312-1.09.514-1.137.362-1.295-.103-1.396-.518-.73-.721.153-.724.472-.674.105-.565-.523-.26-.67-.21-1.972-.052-1.66v.053l-.052-.518-.306-1.039-.155-.616.616-.522V28.07l-.41-1.243-.725-.467.156-.98.153-.365-2.585-1.401-.46.052-.83.521h-.412l-.311-.26-.518-.775-1.914-1.612-.617-.154-.623.312-.565.52-.521.306-.565-.359 2.428-2.075.41-.724-1.7-2.797-.313-.366-.363-.312h-.36l-.363.678-.722-.31-2.95.31.21-1.504-.365-.727-.67.208-.62 1.293-.307.73-.42-.258-.307-.728-.36-.462h-.624l-.671.307-.671.52-.569.621-.516-.678v-.77l.619-.73-.052-.78-.362-.721-.205-.521v-1.09l.05-.88.312-.414.775.207v-.67l-1.757-.42-.519-.616.569-1.037-1.03-1.92-3.36-1.866-.726-1.504-.36-2.433-.982-2.023-1.292-1.293-1.295-.208.31.934 1.087.725.308 1.034-.205 1.297-.624.155-2.84-1.396-1.29-1.557-1.346-1.089-1.603.57.154 1.037.103.366-.98.723L98.914.865l-1.033.206-.83-.565-1.496-1.818-1.86-.723-1.45-1.452-.774-.31H87.39l2.07 1.815.614.312.677.514.153 1.035-.364.782-.876-.257-.154-.525-.367-1.241-.258-.411-.307-.103-4.496.772.308.521.205.514.26 1.192-1.24-.669L82.32-.734l-1.292-.628-1.241 1.037.881 1.607 1.19 1.452 1.291.983 1.188.21-.88 3.209-1.754.262-1.966-.78-1.603.103-.569.934.257.677.675.669 1.139 1.502 1.705.936 6.509 1.762.984-1.194.308-.204L90.8 8.846l.723-.934.67-.617 1.394-.574v.78l-.565.775-.622 1.401-.258 1.347.518.568 1.655-.261.778-.411 3.252-3.575 1.348-.934 1.804-.415-1.963.884-.568.62-.205.62-.205 2.073-.159.727-.825 1.039-.362.723.049 1.09.365.26 1.91.412 2.485-.258 2.063-1.14 1.603-1.766.518-.205.927.517v.778h-.666l-.675.362-.57.624-.464.78-.673.672-.67.052-.154.154.824.878 1.707.882 5.583-.882-.932.78-2.065.205-1.859 1.504-1.036.261h-2.017l.414 1.346.155.413.26.37-.573.616-.563-.155-1.087-1.141-.155-.41-.158-.472-.209-.412-.462-.205H99.95l-4.345-1.401-1.29-.051-6.152 1.71-1.91 1.24 1.701 4.511 2.898 3.111 9.82 4.246 2.273 2.44 3.467 1.706.718-.258.83-.781 2.017-1.032.826-.055-.466 1.399-.721.368-.826.05-.779.41-.568 1.039-.261 1.138-.205 1.244-.41 1.299.876.364.876 1.039.779 1.396.566 1.397.366 1.818.307 2.228.466 1.965.824.931v.729l-1.29 1.037-1.651 5.648-1.556.879v-.62l.42-1.14.98-1.921.31-1.14.258-3.524v-.673l-.308-.206-.26.776-.211 1.039-.05.517-.564-.467.049-.672.257-.776v-.831l-.306-.832h-.262l-.261.262-.308-.103-.62-1.299-.465-1.448-.57-.936-.876.159v.777l-.26 1.971-2.74 7.353-.983 3.892-.514.155-.312-.833.416-1.863 2.12-5.91-.156-.256-.106-.36.313-.522.257-.983.153-1.142.21-2.124-.055-.467-.259-.36-1.495-2.856-1.552-1.704-.364-.523-.255-.828-.103-1.401-.26-.307-2.793-.258-.205.155-.363.78-.414 1.704-.36 2.433-.154 2.595.052 2.28-1.398 4.873-.205-1.454.415-2.33.204-2.85-.569-2.746-.466.312-.568 1.552-.774 2.59-.674.88-.776.42-1.655.103 1.344-.934 1.19-1.92.983-2.385.725-2.33-.624-.673-.667.57-.675.987-.569.568.056-.312.205-.462-.572-2.334-.31-.779-.46-.306-.471.254-.256.725-.205.934-.205.828-.829 1.344-2.274 2.804-.881 1.45h-.256l.408-1.039 1.814-3.52.155-.207.723-1.295.259-.727-.05-.987-.21-1.655v-1.504l-.104-.569-.721-1.089-.568-1.242-.416-.626-.466-.256-.824.362-2.018 3.21-.258-2.176.205-1.552-.72-1.817-1.037-1.551-.824-.673-1.24-.262-4.19-3.107-6.463-1.863-.982.462-.053 1.345-.665.575-1.711.101-.671.31-.671.78-.569.934-.413.775v.778l.93.726 3.98-.102.927.566 1.609 2.696.978.879-3.617-3-2.74-.472-3.568.364-1.342 1.088 1.396 1.969 2.377 2.227 1.24 1.714.465.362.979.204 1.916.934.932.258.825.626 1.296 3.163.721 1.084v.622l-.826-.31-.725-.936-.518-1.343-.205-1.607-1.448.827-2.224-.566-7.442-4.56-2.067-.472-1.707.628-.62 1.19-.258 1.654v3.113l.361.83 1.656 2.384 1.912 1.812.88.365.566.928 1.087.673 2.274 3.06.93.724 4.242 1.037 1.96 1.711 1.035.673 3.411.312 1.083 1.347 3.414 1.14-1.397.676-1.598-.676-2.95-2.179h-1.706l-5.066-2.072-2.585.78-.773-.103-.776-.626-1.293-1.602-.774-.52-3.05-.674-2.325-1.401-.828.056-1.759 2.02-.153 3.057.878 3.264 1.344 2.747 2.376 2.696.57 1.037.517.411 2.12-.775 1.447 1.345 2.17.934 11.114.262L74 66.782l1.291-.617 2.222-.314-.569.775-1.96 1.346v.626h.358l.26.153.519.52-.83.775-.88-.103-1.804-.673-.831.211-1.085.981-3.36.467-.62-.571-.568-.26-2.53 1.192-.416.523.363 1.138.774 1.194.57.671 1.597 1.032 2.224.73 4.915-.417-.572.62-.62.104-.672-.103-.671.103-1.858 1.295-.727.057.311.929.205.21.365.205v.727l-.984.312-2.223-.572-.463.936-.674-.886-.153-.517-1.707 2.388-.932.775-.774-.415.362-1.5.412-1.037.208-1.14-.413-1.767-.312-.513-1.084-.831-.725-1.5-.412-.524-17.37-9.793-1.757-.1-1.756 1.554.464 1.19.052 1.192-.052 1.19.105 1.296 1.705 3.471 1.446 2.074.93.884 1.915.723 2.119 1.454 1.808.67 1.137.881 1.139 1.295.775 1.555-1.294-.415-4.031-2.384-6.203-1.294.723 1.449 1.294 1.767 1.137 1.966 2.016 2.28.826.416.62 1.035.57 1.142.722.932.778.413.928.256 1.966-.155-2.326 1.245-1.19.106-1.242-.62-.723-.936-.62-1.14-.67-.932-2.895-.778-1.603-1.037-2.274-2.9-.726-.416-1.24-.154-3.98-2.382-1.034-.21-.568.21-.723.981-1.242.831-.207 1.447v1.765l-.154 1.553-.723.884-2.43 1.55-.517.68-.416 1.034-.928.936L22 93.266l.93 1.655 1.499.257 11.682-1.243 6.356 2.642.984 1.455.412-1.296.93-.107.775.884-.1 1.81-.362-.412-.313-.206-.773-.052.518.57.412.622.102.774-.205.782v.724l1.706 1.14 1.86.26 7.546-2.174 1.551-2.698.362-.312.31-.105.154-.411.054-1.196 1.24.725 5.58-1.14 2.07-1.758 1.188-.521-.256-.413-.102-.152-.159-.104.414-.42.205-.156.261-.102h.257l.414.882.518.777.62.314.672.103 1.137.514 2.74.313.619-.207.62-.57.932-1.555.516-.571v-.724l-.773-1.298.052-2.121.667-1.97 1.137-.676v.623l-.104 1.451 1.19 1.243 2.275 1.091 1.19-.624 2.43-.62.876-1.138.158-.987.21-3.113.103-.672.408.416.26.985.208 1.243.26 1.089.827.57 1.03-.934.828-1.864.257-2.229 1.45.933.671.725.414 1.14-1.085.519-1.86 2.538-.984.986v.777l1.034.054.36-.054v.933l.47.1 1.394-.465.516.21.466.413.257.674-.257.826v.628l.723.05.774.413.676.154.616-.617-1.137-7.62-.41-1.243-.36-2.128-.056-.568.21-.568.256-.21h.67l1.086.778.365-.108.205-.308.205-.152.414.568-.929 1.865-.309 1.66.157 1.606.978 3.163.313.774.308.417.516.05.468-.362.307-.778.26-2.591.365.159.773 1.859.62.986.517-.054.416-.672.824-1.76.208-.781v-.826l-.674-2.123-.052-1.037.052-1.14-.047-.474.513-.927.516 1.192.83 3.58.514 1.654v1.242l-.155 1.194v1.609l.466 1.76.619.314 2.276-.934.566-.78.21-.827-.519-.778v-.777l.777.101.462.572.522.413.824-.309 1.087-1.45.619-.624.829-.048v.723l-.522.723-1.752 1.244v.677l2.89-.211 1.347-.62 1.397-1.191 3.048-4.408 1.189-.359-.876.724-.471.519-.358.723-.103.879v1.197l-.104 1.032-.465.47-.984.309-1.91 1.347-4.55.985-.88.678-.829 1.603.261.884 1.706.876 2.428 2.231 1.085 1.759.727.313 1.549-.158.363-.41.363-.936.256-.932.155-.464.363-.104.414-.364.723-.935.62-1.084.359-1.248.106-1.4-.209-1.655.522.778.773 2.386.364.878.41.364.624.105.36-.417-.257-1.401.615.052.574-.052.563-.258.522-.411.205 1.5.568 1.088 1.5 1.398-.88 1.19-.828 1.556.829.107 2.427-.781 2.95.674h1.446l3.877-1.345-2.535 1.556-5.323 1.706-2.535 1.505.21.465.363 1.506-.623-.056-1.034-1.14-.617-.052v.472l.102.05h.103l.102.104-.93 1.037-2.635 1.397-1.5 1.865-3.877 3.003-4.6 1.349-1.085.828-1.242 2.382-.358.364-1.504-.256-.617.256.103 1.66-.727.831-1.91.933-1.398 1.81-.72 1.402-.417 1.453 1.966-.78 1.035.104.933.676v.776h-.78l-.306-.211-.313-.514-.929.827-1.189.363-.622.415.777.932 1.087.518 3.77-.619.569-.418.208-.101.463.209 2.95 2.433 11.68 2.332 2.068-.882 6.203-5.337v-.723h-.311v-.676l1.29-1.347 1.813-.154 1.291 1.346-.154 3.369-1.707 5.024-.517 1.142-.727.723-.667.26-.47.416-.41 1.297 1.24.204.779.986-.052 1.193-1.087.936-4.548.723-1.085-.723-.779.723-.881-.314-.876-.673-.826-.364h-3.101l-.412.261-.625.879-.41.261-3.671-1.915-5.583-1.142-3.412.778-3.411-.16-.723.416-.101 1.298h-.83l-.622.464-1.135 1.504 1.034 1.814.466.626.513.305v.573l-.667-.263-1.814-1.757-1.392-.625-.364-.776-.26-1.865-.618.516-.725.312-.67.052-.519-.155.466-.622 1.24-.676.518-.826-.052-.366v-.154l.052-.775-.671-.47-.723-.203.307-.261.258-.468-1.6.415-3.103 3.214-1.758.419v.773l2.998-.467.624.467-2.429 1.71-2.482.624-.878.619-.677.986-.93-1.71-1.086-.934-1.188.107-1.139 1.55-.203.572-.257 1.241-.26.572-.312.205-.772.16-.259.205-.416.984-.205 1.041.053 1.19.205 1.504-2.274-3.37.307-.884.317-.62.36-.363.46-.052-.205-.985-.104-.364 1.189-.882.518-.772.261-1.091-3.36-.518-1.711.309-1.136 1.558-.104 1.347.21 1.398.312 1.242.207 1.04-.258.986-.624.88-.773.359-.621-.62-.777.986-.205-.725v-1.35l-.155-.93-.466-.052-.311.669-.36.521-.518-.411.26-1.61-.571-.52-1.706.105.159.415.102.358.1.266.208.31v.676l-3.668-.676-1.711.622-1.495 2.382-.412.415-1.707-.103-.414.466-.723 1.24-.414.264-4.55-.828-3.308-2.177-.878-.1-4.447 1.238-.774.514-1.5 1.818-.824.363-.827-.88-.26.724 1.138 4.149.67 1.655.726 1.504 1.755 2.846.26.884.154 1.603.414.473.619.256.622.934 2.947 1.708.878-.105 1.757-1.037.93-.203 3-.107 1.136-.932.776-2.28.207-1.915 1.24-1.607 1.552-.884.67.26-.516.106-.467.26-.465.413 4.81 1.504.517-.106.41-.309.466-.413.261-.422.774-1.24v-.31l3.98-.933 2.275.151 2.376 2.596 5.685.416h4.86l5.17.464h-.258l1.19.209 1.91 1.708 1.085.104v-.676l-2.166-1.345-.625-.722h4.345l.358.307.522.725.41.775.205.628-.358.359-.518.049-.984-.152.984.729 3.776-.729-.83-.57-.309-.103v-.725l.671-.261 1.241-1.394.62-.314 2.273.725v-.676l.416-.514.415-.105.306.308.257.938.312-.883.313-.62.358-.367.466-.103-.362 1.142-.775 1.92-.312.978h.83l-.569 1.3 2.638-.158 1.239.366.882 1.138-.522.885-.205.256-.36.156.308.672-.41.983-.472.676-.824.88-1.139 1.653-.516.37.779.881 1.19-.828 1.239-1.349 1.137-.726 1.34-.26 1.344-.727 2.534-2.225v.62l-1.187 1.556-4.758 2.381v.676l.156.155.468.514-.574.368-.513.464-.413.727-.263 1.087h.882l-1.035.828-1.086-.67-1.085-1.087-1.035-.472.47.831.513.884.624.721.513.262.206.362.418.78.514.724.675.156v.62l-.574.987-.153 1.5.313 1.553.722 1.197.931.05 1.137-.522 1.86-1.447v.619l-.415.987-.153.313h.416l.361.103.308.204.31.359-.36.525-.155.155.41 1.09-.153 1.447-.518 1.503-.569 1.192.416-.159.311-.206.308-.358.36-.518.363 1.504.62 1.24.727.829.671.312.312-.053.41-.207.36-.314.158-.359.209-.359h1.496l.36-.579.056-.562v-.677l.153-.883.984-1.811.155-.42v-1.5l.156-1.447.41-1.09.83-.261-.675 2.125-.05.93.464.936.62.258.677-.413.979-1.19 2.38-2.074 1.138-.31 1.238.413-.259-1.294.671-.571 2.12-.828 1.705-1.663.415-.256.513-.518.26-2.23.364-.518.46-.256 1.712-1.818-.261.934-.414.729-1.087 1.035v.669l1.035-.155 2.637-2.484 1.036-.052 3.15.725v.673l-3.258-.514-.667.155-.777.824-2.326 1.456v.725h4.292v.568l-1.71.728.726.514.932 1.456.565.672.727.204 1.444-.155.675.57-3.411-.211-.522-.718-.51-.986-1.087-.049-.83-.265.155-1.76-1.704-.103-.521.103-.41.308-.675.832-1.394.62-1.547 2.177-.78.727v.625l.57-.158.517.158.36.514.106.832-2.432.258-4.65 2.38-1.037.987-.05 1.039-.513 1.341-.21.783-.209 1.656-.257-.053-.308-.257-.26.102-.312 1.454v1.345l-.102 1.138-.565.884.773 1.607.62.514.62-.204.773-.57 1.14-.416 3.67.416-.773.518-1.813.57-.774.828-.876-.567-.881.567-1.342 1.973-1.659 1.552-1.7 1.032v.73l3.666 1.398 1.968.262 1.546-1.403.574-.725 1.856-1.35.675-.257h.36l.777-.253.36-.261.363-.522.209-.566.102-.521.153-.413 3.105-2.853 3.513-.828 7.495.465h-.209l.101.105h.108l.05.05v.419l-.67.517-.312.152h-.415v.572l.984.469 1.863-1.041-1.137 1.924-.984.204-5.686-1.5-.982.155-.88.407-1.652 1.407h.36l.364.362.825.36h-.775l-1.858-.257-.882.208-.727.41-.41.576-.727 1.966-.876 1.605-1.24 1.4-2.534 1.812.209 1.4-.414.777-1.19 1.093 1.553.307.313-.466.358-.258.41-.157 1.137-.054.83.211.466.724-.261 1.608.881-.467 1.24-.21 1.24.156.827.521-1.29.673-.675.568-.257 1.142.36.672.777-.102 1.445-.832-.876 1.867-1.396.054-1.447-.469-1.086.415.83.624-.364.261-.312.307-.462.728.515.466.413.204.414.052.462-.105-.615.68-.674.053-1.292-.733-.257-.306-.206-.417-.31-.362-6.204-1.142-1.24.986 1.393.103 1.395.729 2.534 2.38-.26.103-.565.518h.775v.725l-.671.368-.83.155-.825-.106-.723-.417.825-.673.313-.1-.779-.417-1.137.102-1.034.783-.412 1.5.671-.416 1.139.262.979.725.726.721v.575l-.257.411-.26.208-.262-.105-.358-.514-.984 1.602-1.137.779-3.41.676-2.019 1.759-1.087.414-.563-.207-1.086-.93-.52-.212-.462.16-1.5 1.19-1.964.313-.624.31-.512.47-.573.672-.257.777.414.724-.619.676-.984.256-4.03-.207-.978-.31-.677-1.036h.62l-.57-2.435-1.034-2.285-1.137-1.71-1.444-.984-1.24-1.448-.574-.204-.512.359-.414.676-.261.774.05.727v.883l.053 1.966-.053 1.088-.153.775-.62 1.818.26 1.759.724 1.193.876.673.779.208.932-.673h.408l.155.983-.256.314h-1.81l-.361.725-.83 3.42-.616.93.462.782.414.36.363.468.155 1.035-.052 1.036-.258.62-.309.624-.263.985.47.261.617 1.243.522.258.307-.155.258-.363.208-.416.205-.257.932-.366 3.981.467.46-.1.47-.31.774-.73 1.292-.412 1.552-1.036h.932l-.572.617.88.626.777-.78.775-1.191.876-.62 11.114 2.539 2.121-.729.569.052 1.705-.102 6.822-2.486 1.344.208 1.29.932 1.4 1.396 1.448 1.039 12.042-1.66.155-.207.106-.207.102-.155h.205l-.516-1.604.671-.986 1.085-.521 1.916-.204 1.86.256.876.469-.514-1.401-1.085-.879-2.07-.932v-.572l.519-.312 1.29-1.396.363-.573.41-.413 2.07-.57.726.159 1.963 1.138h3.1l-1.188 1.09-1.76.41-3.201-.205.411 2.176.103.931-.257.721.83 1.456.98.876.982.473 1.808 1.293 5.276 1.97 3.719 2.49 1.653 1.76-.158-.362-.46-1.553 1.136.669 1.085-.258.984-.78 1.549-2.07.777-1.504.153-1.293-1.137-.465v-.574l1.547.574.574 2.382-.416 2.846-1.397 1.87v.57l1.036.152 2.948-.774v.57h-.158l-.313-.052h-.153v.676h1.137v.62l-1.342-.053-.569.155-.102.517-.62-.048-.983-.987-.518-.256h-2.688l2.898 2.278 1.395.62 1.806 1.61 1.86 1.088.263-.21.31-.877.103-.938-.052-1.086.052-.884.308-.358.984-.31.83-.832 1.136-1.346 1.805-2.38.47-.884v-.572l-.16-.725.364-.362.46.362.16 1.297-.21.884-1.239 2.332 3.154 1.86.57.623.977 1.76.676.882-1.342-.155-2.274-2.434-1.295-.624-2.792.42-1.29.773-1.139 1.35.515 1.55.316.419-.419.517-.154.156.778 2.173 1.24 1.659 2.734 2.487-.563-1.556-.829-1.497-1.445-2.08v-.566l1.033-.103.462.568.364 1.142.67 1.553.728.88.825.676.774.828.574 1.403-1.4-.575v.575l.928.67.727.207.671-.466.774-1.087-.103.415-.205 1.451.513.105.932.41.518.104-.62.624-.672.155-.67-.207-.573-.522.624.781 6.254 5.288 1.552.36 3.15-.053-.255-1.241.255.103.106.103.207.414.155-.21.102-.152.101-.155.155-.103.727 1.138 10.853.727-4.134-.882-.103-.467 3.924.676.523-.155.671-.575.519.054.512.418.05.462-.307.362-.568.107 1.293 1.19 6.615 1.814 4.809 3.265 3.36.673 2.171 1.659.515.258 5.532 1.194.827-1.194.617.573.727.413 1.547.363-.205.362-.205.155-.466.053 1.187.358 3.31-.928 7.857 2.436 2.123.103 8.63-2.384 5.168-2.54 8.791-1.349-.67-.155h-.985l-1.707-.102-.158-.57-.103-1.297-.207-1.297-.415-.563-.256-.313-.88-1.559-.417-.57.106-.313.159-.204.31-.155-.262-.676.826.21 2.743 1.763 1.14.048 2.223-.672 1.189.052v.62l-1.297.107-.516.463-.57.987-.463.52-1.139.41-.513.677 1.342 1.866 2.582-.624 2.691-2.074 4.183-1.966 1.914-2.074 1.448-2.85 1.033-3.11-.567.521-3.05.155.103-1.039-.102-.62-.358-.26-.52.049.622-.514 1.137.104-.052-.883h1.648l-.049.362v.054h-.053l-.152.16 1.083.668 1.089-.93 1.754-3.474-1.135.366-3.257-.366-.622.21-.83.876-.508.21-.675-.263-.207-.667.207-.833.52-.78.766.832.727-.306.569-1.142.212-1.663.255-1.039.62-1.031.776-.518.675.359.41-.514.464-.206h1.033v-.573l-.822-.673 1.135.049 1.032.469.98.207 1.037-.725-.158-.775-.049-.521.207-1.243 1.03 1.084 2.744 1.455v.673l-1.187.103-1.346.52-1.086 1.143-.418 2.018 5.38-3.836v-.673l-.152-.314v-.41l-.102-.52.611.624.578-.258.459-.884.313-1.297.26.934v.987l-.26.824-.468.68 3.826-.938 5.637-1.915 5.064-3.212.154 1.605.414.052.569-.678.57-.41 1.5 1.142.615.204 2.95.103 1.494-.36.78-1.04-.677-.72-.254-.987-.207-1.088-.516-.93.413-1.19.673-.16h.723l.671-.624-.365-.831-.05-.983.102-2.436.207-.514.468.41.46.73.163.36.1.57-.052 1.349-.21 2.487h.11l.152.465v.518l-.365.26-.155.155-.1.364-.152.828.252.777-.048.934-.46 2.127.821-.157.671-.417.207-.617-.565-.831.204-1.039.054-1.19v-2.487l.154-.624.304.624.313 1.09.159.827-.207 2.384.102.824.569.314.257-.572v-1.239l-.155-1.711v-1.403l.101-.828.313-.26.671.26.416.42 1.549 2.123.726.67.107.313v1.297l.048.616.207.314.46-.416.211-1.088v-1.293l-.156-.987.674-.155.772-.461-.414-.056-.358-.258-.363-.415-.311-.57.723.774.833.261 5.526-1.607 6.201-5.177-.255 1.085-.416.725-.516.47-.52.31 1.247-.677 1.96-3.107 2.946-2.594.568-.774 1.087-2.176-.414.517-.511.518-.678-.052.619-1.555 1.09-1.398 2.22-1.711-.261 1.349.88-.262 2.48-1.704v-.577h-.563v-.62l.46-.673.415-.36.415.152.41.936.313-.78.416-.466.984-.828 1.39-1.715.414-.258.88-.31 2.636-2.28v-.573h-1.961l1.496-1.346 10.647-3.266 1.401-1.136-.833-.568-3.41 1.19 3.667-2.954 1.14-1.603.1.462.26.414.211.466 1.085-.88 2.477-.935 2.326-.203 2.636-.987 1.036-.88h-1.346l-.617-.211-.57-.516.932-.676 2.276.627 1.034-.517.614-1.353.367-1.652-.155-1.455-.826-.774v-.73l.358.52.365.16.362-.16.358-.52-.358-.828-.777-2.336-.466-1.08-.826-.417-1.392-.622-.727-.568 1.032.307 1.6.676.83.93.88.832 1.033 1.814.62 2.022-.415 1.346v.517l.572.469 1.188.464.568.413-.104-.98-.151-.68-.261-.461-.365-.473v-.615l.471-.472.565.313.464.987.21 1.454.254.665.623.058 1.345-.365v.62l-.83 2.594 1.037.053.46-.156.472-.468-.52-.722.52-.627.459.102.468.37.516.103.412-.364.775-1.247.42-.31.821.31.781.729 1.288 1.607.777.721.826.361 1.91.211.781-.417 1.188-1.601h.932l-.366-1.248-.208-1.346-.358.417-.414.204-.876.104-.421-.308-.31-.676-.098-.673.205-.469.464-.204.723-.571.626-.828.255-.933h.31v.673l-.207.415-.155.462-.203 1.087.51-1.136.832-1.142.93-.979 2.274-1.455.464-.514.83-1.663.203-.256.516-.206.878-.884.313-.207.155-.262-.1-1.242.051-.417.31-.151 4.598.727 1.032.72-1.862.78-3.72 1.039-1.757 1.394 1.086-.462 2.945-1.035 4.292-.469.155-.312.46-1.5.11-.417.049-.57.158-.258.258-.159.206-.31.049-.362-.155-1.035v-.624l.207-.877 1.342-2.388.159-.723.102-1.971.158-.93.513-1.09 3.774-4.61.621-1.09-.255-.466-1.29.936-2.537 3.829-1.703.468-.155.722h-.83l-.881-.615-.412-.983h-.414l-.825-1.093-.522-1.293.522-.626h5.48l.77-.564.47-.729.053-.884-.418-1.089-.773-.93-1.659-.877-.667-.832 2.115-1.659 6.88 2.332-.26-.673.414-1.038-.78-.832-2.066-.718-.512-.575-.778-1.295-.572-1.55.06-1.195v-.672l-.679-.107-2.068-1.136-.664-.831.1-.673.306-1.086.053-.986-.569-.473-.98.058-.468-.211-.41-.565 3.256.666.615.525 1.087 2.229 1.036 1.089 1.187 3.78.572.673.823.517 1.451.47 9.15-1.97 1.858-1.766.671-.203-.619-1.297-.67-1.088-1.24-1.607v-.725l.826-.517.361-.314.257-.462 1.292.514 4.706.208 1.135-.415-.05-1.035-.723-.727-4.445-1.813 1.24-1.085 4.29 1.652.514-.307 1.036-1.345.675-.258.464-.37-.155-.828-.415-.876-.313-.574-2.636-2.229-5.888-1.398-2.428-1.762.717-.366 2.485 1.09 4.082-.724 3.62 1.762 2.016.31 1.761-1.451-.83-1.394-4.241-1.975-1.91-1.759-.362-.519-.209-.987-.516-.928-.569-.725-.408-.365-12.98-1.242v-.723l8.374-.314 1.5-1.71-.463-.26-.52-.52-.412-.776-.26-1.09 1.24.52 2.274 2.28 2.172.728 1.349.93.615.26.675.516.46 1.19.311 1.353.416.876.826.473 2.585-.473 2.945.778.622-.363 1.29-1.396.624-.313.103-.41-.362-.986-.725-1.293.826-.68 1.758-.513.829-.78.723-1.346.261-1.192-.212-.936zM197.67 290.563l.189-.42-.095-.143-.905.047-.764.377-.094.925.283.975.242.605.192.744.283.327.382-.51.333-.792.285-.885-.19-.928-.141-.322zm76.884-246.494l.044.784.213.623.298.368.427.156.425-.364h.04v-1.143l-.51-1.357-.34-.574-.295-.674-.64-.888-.215.368.34 1.454.213 1.247zm27.122 221.042l-.519-.111-.28.111-.658.525-1.125 1.391-.093.873 1.642-.7.421-.058.331.287.045.644-.188.517-.284.41.236-.115.562-1.048.235-1.157-.047-.927-.278-.642zM290.944-11l.922-.53.112-.921-.346-.244L290.486-14l-.464.288.112 1.6.81 1.112zM432.882 4.972l-.054.056.344-.056h-.29zM328 258.97l.156.172H332l-1.976-.284-2.024.112zm-5.75-.399l-2.25.632v.226l3-.456-.093-.23-.656-.172zm2.75.201l.171.172 1.312.284.517-.226-1.316-.058-.684-.172zm12.783-.348l-.197.636-1.586.516 3.901-.516.099-.176-.34-.348-1.877-.112zm7.101-.394l.232-.06h-.11l-.122.06zm-2.884.143v.174l3-.694-1.821.284-1.179.236zm3.741-.376l-.406.23-.284.29 1.898-.402-.348-.232-.86.114zm-12.829-1.427l-.168 1.382.282.226.23-1.034-.058-.922-.286.348zm13.573-.278l-.348.452.23.286.402-.054 1.094-1.438-.176-.168-1.202.922zm2.691-3.032l-.176.721.235.219 2.648-3.665L352 250l-.584.563-2.24 2.497zM105.117 137l.636-.859h.173l.289.176L109 135.8l-.057-.458-1.275-.343-2.028.685-.174-.171-.292-.056-.057.285.113.339-.23.749.117.169zm-5.975-10l.741-.21.047-.128-.184-.304v-.169l.558-.423.188-.256.461-.173.047-.211-.278-.126-1.348 1.062-.374.6.142.338zm350.687 55.68l-.574-.056-.46-.172h-.286l-.114-.284-.17.284.112.056v.406l-.112-.062-.114.174v.236l.284.058.344.394.168-.054.348.172.52-.172.114-.462-.06-.226v-.292zM92.263 117.287l.228-.288.112-.286-.056-.228-.632.344-.518.686.348-.228.284-.118.234.118zm10.483 14.283l-.226-.194L102 131l-.46.424-.114.048-.172-.048v.527l.23-.048.284.333h.29l-.058.333-.402.095-.228.193.284.143.522-.194.458-.336v-.091l-.058-.19.116-.19.054-.429zm.77-.857h-.12l-.346-.174.058.638.232.454.232.172h.286l.056-.4.228-.17.228.114.178-.286.288-.408.114-.456h-.226l-.234.226h-.176l-.172-.226-.056.398-.114.118-.172.116-.112.232v-.176l-.172-.172z"
fill="#FAB18F"
opacity={0.197}
/>
<Path stroke="#FFF" strokeLinecap="square" d="M111.5 236.5l28-17" />
<Path stroke="#FFF" d="M139.5 220l57.5 38m.5-.5L275 277" />
<G transform="translate(22 -14)">
<Use fill="#000" filter="url(#prefix__c)" xlinkHref="#prefix__d" />
<Use fill="#006DC2" xlinkHref="#prefix__d" />
</G>
<G transform="translate(22 -14)">
<Use fill="#000" filter="url(#prefix__e)" xlinkHref="#prefix__f" />
<Use fill="#006DC2" xlinkHref="#prefix__f" />
</G>
<G transform="translate(22 -14)">
<Use fill="#000" filter="url(#prefix__g)" xlinkHref="#prefix__h" />
<Use fill="#006DC2" xlinkHref="#prefix__h" />
</G>
<G transform="translate(22 -14)">
<Use fill="#000" filter="url(#prefix__i)" xlinkHref="#prefix__j" />
<Use fill="#006DC2" xlinkHref="#prefix__j" />
</G>
</G>
</G>
</Svg>
)
Example #26
| Source File: Icons.js From rakning-c19-app with MIT License | 5 votes |
|
CirclesMedium = props => (
<Svg width={352} height={377} {...props}>
<Defs>
<Path id="prefix__b" d="M0 .2h300v324H0z" />
<Path id="prefix__d" d="M.7.21h388.8v379.2H.7z" />
<Path id="prefix__f" d="M.7.21h388.8v379.2H.7z" />
</Defs>
<G
filter="url(#prefix__a)"
transform="translate(-74 150)"
fill="none"
fillRule="evenodd"
>
<G transform="translate(100 -124)">
<Mask id="prefix__c" fill="#fff">
<Use xlinkHref="#prefix__b" />
</Mask>
<G opacity={0.279} mask="url(#prefix__c)">
<G transform="translate(2.4 -55)">
<Mask id="prefix__e" fill="#fff">
<Use xlinkHref="#prefix__d" />
</Mask>
<Path
d="M174.147 255.47c30.696 8.64 48.575 40.527 39.935 71.221-8.64 30.695-40.526 48.574-71.221 39.935-30.695-8.64-48.575-40.526-39.935-71.221 8.64-30.696 40.527-48.575 71.221-39.934zm154.144-85.552c30.695 8.64 48.574 40.526 39.935 71.222-8.64 30.695-40.526 48.573-71.222 39.934-30.694-8.64-48.574-40.526-39.934-71.22 8.64-30.696 40.526-48.576 71.22-39.936zM88.595 101.326c30.695 8.64 48.575 40.527 39.935 71.222-8.64 30.695-40.526 48.574-71.221 39.935-30.695-8.64-48.574-40.527-39.935-71.222 8.64-30.695 40.526-48.574 71.221-39.935zm154.144-85.551c30.695 8.64 48.574 40.526 39.935 71.22-8.64 30.695-40.526 48.574-71.222 39.935-30.694-8.64-48.574-40.526-39.935-71.22 8.64-30.696 40.527-48.576 71.222-39.935z"
fill="#FAB18F"
fillRule="nonzero"
mask="url(#prefix__e)"
transform="rotate(-23 192.8 191.2)"
/>
</G>
<G transform="translate(2.4 -55)">
<Mask id="prefix__g" fill="#fff">
<Use xlinkHref="#prefix__f" />
</Mask>
<Path
d="M176.398 246.632c-30.614-8.617-48.446-40.42-39.83-71.034 8.617-30.614 40.42-48.446 71.034-39.83 30.614 8.618 48.446 40.42 39.83 71.035-8.617 30.613-40.42 48.445-71.034 39.829"
fill="#006DC2"
fillRule="nonzero"
mask="url(#prefix__g)"
/>
</G>
</G>
</G>
</G>
</Svg>
)
Example #27
| Source File: Icons.js From rakning-c19-app with MIT License | 5 votes |
|
TestResults = props => (
<Svg width={375} height={335} {...props}>
<Defs>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="prefix__c">
<Stop stopColor="#FEEFE8" stopOpacity={0} offset="0%" />
<Stop stopColor="#FEEFE8" offset="100%" />
</LinearGradient>
<Path id="prefix__a" d="M0 0h375v335H0z" />
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__b" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<G transform="translate(28 125)">
<Rect fill="#FFF" width={319} height={269} rx={12} />
<Text
fontFamily="OpenSansBold"
fontSize={15}
fontWeight="bold"
letterSpacing={-0.2}
>
<TSpan x={86.386} y={37.5} fill="#FE7A4C">
{'YOUR TEST RESULT'}
</TSpan>
</Text>
<Text
fontFamily="OpenSansBold"
fontSize={26}
fontWeight="bold"
letterSpacing={-0.347}
>
<TSpan x={51.092} y={69.702} fill="#263343">
{'You do not have '}
</TSpan>
<TSpan x={88.473} y={97.702} fill="#263343">
{'COVID-19'}
</TSpan>
</Text>
<Text fontFamily="OpenSans" fontSize={14} letterSpacing={-0.187}>
<TSpan x={37.792} y={133} fill="#606A77">
{'Vestibulum rutrum quam vitae fringilla '}
</TSpan>
<TSpan x={34.672} y={151} fill="#606A77">
{'tincidunt. Suspendisse nec tortor urna. '}
</TSpan>
<TSpan x={32.339} y={169} fill="#606A77">
{'Ut laoreet sodales nisi, quis iaculis nulla '}
</TSpan>
<TSpan x={43.127} y={187} fill="#606A77">
{'iaculis vitae. Donec sagittis faucibus '}
</TSpan>
<TSpan x={32.659} y={205} fill="#606A77">
{'lacus eget blandit. Mauris vitae ultricies '}
</TSpan>
<TSpan x={41.988} y={223} fill="#606A77">
{'metus, at condimentum nulla. Donec '}
</TSpan>
<TSpan x={36.904} y={241} fill="#606A77">
{'quis ornare lacus. Etiam gravida mollis '}
</TSpan>
<TSpan x={96.062} y={259} fill="#606A77">
{'tortor quis porttitor.'}
</TSpan>
</Text>
</G>
</G>
<Path
fill="url(#prefix__c)"
mask="url(#prefix__b)"
d="M0 251h375v84H0z"
/>
</G>
</Svg>
)
Example #28
| Source File: Icons.js From rakning-c19-app with MIT License | 4 votes |
|
OnboardingPhoneIcon = props => (
<Svg width="375px" height="100%" viewBox="0 0 375 335" {...props}>
<Defs>
<LinearGradient
x1="50%"
y1="3.864%"
x2="34.509%"
y2="93.153%"
id="prefix__c"
>
<Stop stopOpacity={0} offset="0%" />
<Stop stopOpacity={0.433} offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="1.699%" x2="50%" y2="98.563%" id="prefix__g">
<Stop stopColor="#252525" offset="0%" />
<Stop stopColor="#5E5E5E" offset="5.164%" />
<Stop stopColor="#666" offset="92.073%" />
<Stop stopColor="#1E1E1E" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="1.699%" x2="50%" y2="98.563%" id="prefix__l">
<Stop stopColor="#252525" offset="0%" />
<Stop stopColor="#5E5E5E" offset="5.164%" />
<Stop stopColor="#666" offset="92.073%" />
<Stop stopColor="#1E1E1E" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="1.699%" x2="50%" y2="98.563%" id="prefix__q">
<Stop stopColor="#252525" offset="0%" />
<Stop stopColor="#5E5E5E" offset="5.164%" />
<Stop stopColor="#666" offset="92.073%" />
<Stop stopColor="#1E1E1E" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="8.515%" x2="50%" y2="91.923%" id="prefix__s">
<Stop stopColor="#111" offset="0%" />
<Stop stopColor="#FEFEFE" offset="15.353%" />
<Stop stopColor="#FEFEFE" offset="83.104%" />
<Stop stopColor="#1D1D1D" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="1.699%" x2="50%" y2="98.563%" id="prefix__w">
<Stop stopColor="#252525" offset="0%" />
<Stop stopColor="#5E5E5E" offset="5.164%" />
<Stop stopColor="#666" offset="92.073%" />
<Stop stopColor="#1E1E1E" offset="100%" />
</LinearGradient>
<LinearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="prefix__C">
<Stop stopColor="#363636" offset="0%" />
<Stop stopColor="#2B2B2B" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="prefix__J">
<Stop stopColor="#FFF" stopOpacity={0.2} offset="0%" />
<Stop stopOpacity={0.3} offset="100%" />
</LinearGradient>
<LinearGradient
x1="29.845%"
y1="100%"
x2="66.008%"
y2="11.545%"
id="prefix__K"
>
<Stop stopColor="#686868" offset="0%" />
<Stop stopColor="#191919" offset="100%" />
</LinearGradient>
<LinearGradient
x1="-24.631%"
y1="74.934%"
x2="90.63%"
y2="36.282%"
id="prefix__N"
>
<Stop stopColor="#484848" offset="0%" />
<Stop stopColor="#383838" offset="100%" />
</LinearGradient>
<LinearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="prefix__W">
<Stop stopColor="#FEEFE8" stopOpacity={0} offset="0%" />
<Stop stopColor="#FEEFE8" offset="100%" />
</LinearGradient>
<Path id="prefix__a" d="M0 0h375v308H0z" />
<Path
d="M1.62 3.02c-.032-1.352 0-2.31-.394-2.836C.846.237.436.319 0 .43v27.897c.189.12.598.288 1.226.5.24-.362.313-.415.394-2.412 0-1.85.033-22.042 0-23.395z"
id="prefix__e"
/>
<Path
d="M1.62 3.02C1.588 1.669 1.467.307 1.24.127A8.985 8.985 0 000 .431v27.897c.062.188.456.348 1.181.48.256-.301.44-.719.44-2.392 0-1.85.032-22.042 0-23.395z"
id="prefix__j"
/>
<Path
d="M1.852 1.85c0-1.105-.28-1.85-.28-1.85H.432L0 .431v14.024l.462.503 1.11.003s.28-1.178.28-2.475V1.85z"
id="prefix__o"
/>
<Path
d="M.231 3.02C.264 1.669.478.643.613.247c1.08.263 1.239.185 1.239.185v45.006s-.337.509-1.239.63c-.122-.145-.3-.544-.382-2.541 0-1.85-.032-39.152 0-40.505z"
id="prefix__u"
/>
<Path
d="M164.336.925c22.649 0 34.738 12.066 34.738 34.685v65.781c-.223.236-.393.801-.446 1.5h-.017v43.236l.117 1.387c.083.37.204.656.346.807v216.994c0 22.614-12.088 34.685-34.738 34.685h-52.239c-.484-.257-1.359-.436-2.375-.46l-18.518-.002h-.232c-1.113 0-2.086.185-2.606.462h-52.24C13.478 400 1.39 387.931 1.39 365.318V158.085c.27-.163.463-.645.463-1.544v-26.613h-.017c-.053-.694-.224-.992-.446-1.096v-9.128c.27-.164.463-.645.463-1.545V91.546h-.017c-.053-.693-.224-.991-.446-1.096V76.09c.316-.673.324-2.826.463-4.414v-6.374c-.005-.705-.05-4.042-.464-4.955V35.61C1.389 12.99 13.479.925 36.128.925h128.21z"
id="prefix__z"
/>
<Path
d="M162.072 4.162c22.938 0 33.761 9.443 33.761 32.37v328.786c0 22.922-10.822 31.907-33.761 31.907H38.392c-22.94 0-34.225-8.985-34.225-31.907V36.532c0-22.927 11.286-32.37 34.224-32.37h123.68z"
id="prefix__D"
/>
<Path
d="M162.26 5.55c22.94 0 31.721 9.242 31.721 32.193v325.901c0 22.946-8.78 31.732-32.647 31.732H38.204c-22.48 0-32.185-8.786-32.185-31.27V37.744c0-22.95 9.244-32.194 32.184-32.194H162.26z"
id="prefix__F"
/>
<Path
d="M0 1.618c0 .894.725 1.619 1.618 1.619h20.838a1.618 1.618 0 000-3.237H1.618C.725 0 0 .725 0 1.618z"
id="prefix__H"
/>
<Path
d="M36.111 0a2.313 2.313 0 012.315 2.312V3.7c0 5.619 4.56 10.174 10.185 10.174H125c5.625 0 10.185-4.555 10.185-10.174V2.312A2.313 2.313 0 01137.5 0h18.056c9.971 0 18.055 8.074 18.055 18.035v339.422c0 9.96-8.084 18.034-18.055 18.034h-137.5C8.084 375.491 0 367.417 0 357.457V18.035C0 8.075 8.084 0 18.056 0H36.11z"
id="prefix__Q"
/>
<Path id="prefix__S" d="M.611 0h193v417h-193z" />
<Ellipse id="prefix__L" cx={3.704} cy={3.468} rx={2.775} ry={2.778} />
<Ellipse id="prefix__O" cx={3.704} cy={3.468} rx={1.85} ry={1.852} />
<Rect id="prefix__U" x={0} y={0} width={60} height={60} rx={14.609} />
</Defs>
<G fill="none" fillRule="evenodd">
<Mask id="prefix__b" fill="#fff">
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<Path
d="M30.092 146.817c-7.568-13.084-3.369-30.286 9.374-38.419l143.124-91.34 38.712 85.027c6.265 13.76.936 31.377-11.912 39.356L98.443 210.347c-12.843 7.976-29.394 3.826-36.957-9.25l-31.394-54.28z"
fill="url(#prefix__c)"
filter="url(#prefix__d)"
transform="scale(-1 1) rotate(-10 1520.311 2042.638)"
/>
<G transform="translate(88 94)">
<G transform="translate(.463 129.017)">
<Mask id="prefix__i" fill="#fff">
<Use xlinkHref="#prefix__e" />
</Mask>
<Use fill="#000" filter="url(#prefix__f)" xlinkHref="#prefix__e" />
<Use fill="url(#prefix__g)" xlinkHref="#prefix__e" />
<Use fill="#000" filter="url(#prefix__h)" xlinkHref="#prefix__e" />
<Path
d="M-.821-.462S.319-.61.463 2.775v22.119c0 3.822-1.11 4.026-1.284 4.239l-.105-.669c.642-.954.747-2.117.747-3.932V4.607C-.18 2.443-.643.343-.821.352v-.814z"
fill="#464646"
mask="url(#prefix__i)"
/>
</G>
<G transform="translate(.463 90.636)">
<Mask id="prefix__n" fill="#fff">
<Use xlinkHref="#prefix__j" />
</Mask>
<Use fill="#000" filter="url(#prefix__k)" xlinkHref="#prefix__j" />
<Use fill="url(#prefix__l)" xlinkHref="#prefix__j" />
<Use fill="#000" filter="url(#prefix__m)" xlinkHref="#prefix__j" />
<Path
d="M-.821-.462S.319-.61.463 2.775v22.119c0 3.822-1.11 4.026-1.284 4.239l-.105-.669c.642-.954.747-2.117.747-3.932V4.607C-.18 2.443-.643.343-.821.352v-.814z"
fill="#464646"
mask="url(#prefix__n)"
/>
</G>
<G transform="translate(0 60.578)">
<Mask id="prefix__t" fill="#fff">
<Use xlinkHref="#prefix__o" />
</Mask>
<Use fill="#000" filter="url(#prefix__p)" xlinkHref="#prefix__o" />
<Use fill="url(#prefix__q)" xlinkHref="#prefix__o" />
<Use fill="#000" filter="url(#prefix__r)" xlinkHref="#prefix__o" />
<Path
d="M0-.925c-.076 0 .694.835.694 2.909v10.264c0 3.272-.725 3.15-.85 3.365l-.075-.677c.462-.965.462-2.001.462-2.913V2.775c0-1.313-.259-2.885-.387-2.876L0-.925z"
fillOpacity={0.2}
fill="url(#prefix__s)"
mask="url(#prefix__t)"
/>
</G>
<G transform="translate(198.148 101.734)">
<Mask id="prefix__y" fill="#fff">
<Use xlinkHref="#prefix__u" />
</Mask>
<Use fill="#000" filter="url(#prefix__v)" xlinkHref="#prefix__u" />
<Use fill="url(#prefix__w)" xlinkHref="#prefix__u" />
<Use fill="#000" filter="url(#prefix__x)" xlinkHref="#prefix__u" />
<Path
d="M2.673-.462S1.533-.61 1.389 2.775v39.229c0 3.822 1.11 4.026 1.284 4.239l.105-.669c-.642-.954-.747-2.118-.747-3.933V4.607c0-2.164.464-4.264.642-4.255v-.814z"
fill="#464646"
mask="url(#prefix__y)"
/>
</G>
<Use fill="#3A3A3A" xlinkHref="#prefix__z" />
<Use fill="#000" filter="url(#prefix__A)" xlinkHref="#prefix__z" />
<Ellipse
fillOpacity={0.15}
fill="#4A4A4A"
style={{
mixBlendMode: 'multiply',
}}
filter="url(#prefix__B)"
cx={15.741}
cy={11.561}
rx={11.574}
ry={11.561}
/>
<Use fill="url(#prefix__C)" xlinkHref="#prefix__D" />
<Use fill="#000" filter="url(#prefix__E)" xlinkHref="#prefix__D" />
<Use fill="#2D2D2D" xlinkHref="#prefix__F" />
<Use fill="#000" filter="url(#prefix__G)" xlinkHref="#prefix__F" />
<G transform="translate(87.963 15.26)">
<Use fill="#343434" xlinkHref="#prefix__H" />
<Use fill="#000" filter="url(#prefix__I)" xlinkHref="#prefix__H" />
<Path
stroke="url(#prefix__J)"
strokeWidth={0.5}
d="M1.618.25A1.364 1.364 0 00.25 1.618a1.364 1.364 0 001.368 1.368l20.838.001a1.364 1.364 0 001.368-1.368A1.364 1.364 0 0022.456.25L1.618.249z"
strokeLinejoin="square"
/>
</G>
<G transform="rotate(-74 71.398 -67.852)">
<Use fill="url(#prefix__K)" xlinkHref="#prefix__L" />
<Use fill="#000" filter="url(#prefix__M)" xlinkHref="#prefix__L" />
</G>
<G transform="rotate(-74 71.398 -67.852)">
<Use fill="url(#prefix__N)" xlinkHref="#prefix__O" />
<Use fill="#000" filter="url(#prefix__P)" xlinkHref="#prefix__O" />
</G>
</G>
<G transform="translate(101.426 106.948)">
<Mask id="prefix__R" fill="#fff">
<Use xlinkHref="#prefix__Q" />
</Mask>
<G mask="url(#prefix__R)">
<G transform="translate(-9.426 -18.948)">
<Mask id="prefix__T" fill="#fff">
<Use xlinkHref="#prefix__S" />
</Mask>
<Use fill="#FEF2ED" xlinkHref="#prefix__S" />
<G opacity={0.152} mask="url(#prefix__T)">
<G transform="rotate(-15 -138.766 94.787)">
<Circle fill="#006DC2" cx={104.354} cy={103.612} r={29} />
<Circle fill="#D8C3B9" cx={104.636} cy={29.148} r={29} />
<Circle fill="#D8C3B9" cx={104.33} cy={177.111} r={29} />
<Circle
fill="#D8C3B9"
transform="rotate(-90 29.89 103.33)"
cx={29.889}
cy={103.33}
r={29}
/>
<Circle
fill="#D8C3B9"
transform="rotate(-90 177.852 103.636)"
cx={177.852}
cy={103.636}
r={29}
/>
</G>
</G>
</G>
</G>
<G mask="url(#prefix__R)">
<G transform="translate(57 38.052)">
<Mask id="prefix__V" fill="#fff">
<Use xlinkHref="#prefix__U" />
</Mask>
<Use fill="#D8D8D8" xlinkHref="#prefix__U" />
<Image
mask="url(#prefix__V)"
width={60}
height={60}
xlinkHref="data:image/png;base64,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"
/>
</G>
</G>
</G>
</G>
<Path
fill="url(#prefix__W)"
mask="url(#prefix__b)"
d="M0 225h375v84H0z"
/>
<G mask="url(#prefix__b)">
<G transform="translate(111 230)">
<Rect
fill="#D1B4A8"
opacity={0.284}
width={154}
height={42}
rx={4.702}
/>
<Path
d="M121.059 12.446c0-.534.746-.868 1.343-.6l3.758 1.68c.277.123.448.352.448.6V28.15c0 .248-.17.477-.448.6l-3.758 1.68c-.597.267-1.343-.066-1.343-.6zm6.728 3.007c0-.534.746-.867 1.343-.6l2.163.967c.277.123.448.352.448.6v9.436c0 .247-.17.476-.448.6l-2.163.967c-.597.267-1.343-.067-1.343-.6zm5.133 2.294c0-.533.746-.867 1.343-.6l2.163.967c.277.124.448.353.448.6v4.847c0 .248-.17.477-.448.6l-2.163.968c-.597.266-1.343-.067-1.343-.6zm5.133 2.295c0-.534.746-.867 1.343-.6l2.452 1.096c.597.266.597.933 0 1.2l-2.452 1.096c-.597.267-1.343-.066-1.343-.6z"
fill="#FEF5F1"
opacity={0.3}
/>
<Rect
fill="#FEF5F1"
opacity={0.267}
x={15}
y={17}
width={88}
height={8}
rx={4}
/>
</G>
</G>
</G>
</Svg>
)
Example #29
| Source File: index.js From react-native-circular-picker with MIT License | 4 votes |
|
CircularPicker = ({
size,
strokeWidth,
defaultPos,
steps,
gradients,
backgroundColor,
stepColor,
borderColor,
children,
onChange,
}) => {
const [pos, setPos] = useState(percentToPos(defaultPos));
const circle = useRef(null);
const padding = 8;
const radius = (size - strokeWidth) / 2 - padding;
const center = (radius + strokeWidth / 2);
const gradient = selectGradient(gradients, pos);
useEffect(()=>{
setPos(percentToPos(defaultPos));
}, [defaultPos]);
if (steps) {
steps = steps.map((p) => {
const pos = percentToPos(p);
const { x2, y2 } = calculateAngle(pos, radius);
const { endX: x, endY: y } = calculateRealPos(x2, y2, radius, strokeWidth);
return { x, y, p };
});
}
const { x1, y1, x2, y2 } = calculateAngle(pos, radius);
const { endX, endY } = calculateRealPos(x2, y2, radius, strokeWidth);
const goToPercent = (p) => {
const newPos = percentToPos(p);
setPos(newPos);
onChange(posToPercent(newPos));
}
const pan = PanResponder.create({
onMoveShouldSetPanResponder: () => true,
onMoveShouldSetPanResponderCapture: () => true,
onPanResponderMove: (_, { moveX, moveY }) => {
circle.current.measure((x, y, width, height, px, py) => {
const newPos = calculateMovement(moveX - px, moveY - py, radius, strokeWidth);
/**
* @TODO
*/
if ((newPos < -0.3 && pos > 1.3)
|| (newPos > 1.3 && pos < -0.3)) {
return;
}
setPos(newPos);
onChange(posToPercent(newPos));
});
}
});
const d = `
M ${x2.toFixed(3)} ${y2.toFixed(3)}
A ${radius} ${radius}
${(pos < 0.5) ? '1' : '0'} ${(pos > 0.5) ? '1' : '0'} 0
${x1.toFixed(3)} ${y1.toFixed(3)}
`;
return (
<Svg height={size} width={size} ref={circle}>
<Defs>
<LinearGradient id="grad" x1="0" y1="0" x2="100%" y2="0">
<Stop offset="0" stopColor={gradient[0]} />
<Stop offset="1" stopColor={gradient[1]} />
</LinearGradient>
</Defs>
<G transform={{ translate: `${strokeWidth / 2 + radius + padding}, ${strokeWidth / 2 + radius + padding}` }}>
<Circle
r={radius}
strokeWidth={strokeWidth}
fill="transparent"
stroke={backgroundColor}
/>
<Path
d={d}
strokeWidth={strokeWidth}
stroke={`url(#grad)`}
fill="none"
/>
</G>
<G transform={{ translate: `${center + padding}, ${strokeWidth / 2 + padding}` }}>
<Circle r={(strokeWidth) / 2} fill={backgroundColor} />
</G>
{steps && steps.map((step, index) => (
<G transform={{ translate: `${step.x + padding}, ${step.y + padding}` }} key={index}>
<Circle
r={strokeWidth}
fill="transparent"
strokeWidth="12"
onPress={() => goToPercent(step.p)}
/>
<Circle
r={(strokeWidth / 2.5) / 2}
fill={stepColor}
strokeWidth="12"
onPress={() => goToPercent(step.p)}
/>
</G>
))}
<G transform={{ translate: `${endX + padding}, ${endY + padding}` }} {...pan.panHandlers}>
<Circle
r={(strokeWidth) / 2 + (padding / 2)}
fill={gradient[1]}
stroke={borderColor}
strokeWidth={padding / 1.5}
/>
</G>
{children && (
<View style={{ height: size, alignItems: 'center', justifyContent: 'center' }}>
<View>{children}</View>
</View>
)}
</Svg>
);
}
