react-native-ico-hand
Version:
Hand Icons for React Native
367 lines (355 loc) • 8.54 kB
TypeScript
declare module 'react-native-ico-hand' {
import { ReactNode } from 'react';
import { SvgProps } from 'react-native-svg';
type AdditionalProps = {
onError?: (error: Error) => void;
onLoad?: () => void;
fallback?: ReactNode;
};
type iconNames = 'tap-23' |
'tap-finger-84' |
'tap-finger-147' |
'drag-51' |
'tap-finger-156' |
'drag-119' |
'tap-back' |
'pointing-right-finger-124' |
'pointing-up-hand-104' |
'tap-finger-143' |
'drag-1' |
'drag-scroll-44' |
'tap-stop' |
'tap-finger-132' |
'zoom-out' |
'tap-80' |
'tap-finger-28' |
'tap-finger' |
'drag-72' |
'tap-finger-118' |
'tap-hands-and-gestures-64' |
'drag-scroll' |
'tap-finger-31' |
'fingers-finger-56' |
'zoom-in-hand' |
'tap-13' |
'tap-finger-117' |
'tap-135' |
'pointing-down-finger' |
'tap-finger-89' |
'drag-41' |
'pointing-right-finger' |
'computer-mouse-clicker' |
'tap-130' |
'hand-red-little' |
'pointing-left-finger-25' |
'pointing-down-finger-120' |
'fist-45' |
'tap-share' |
'rock-and-roll-concert' |
'tap-finger-133' |
'drag-58' |
'drag-34' |
'pointing-left-finger' |
'tap-finger-43' |
'tap-finger-52' |
'smartphone-touch-screen' |
'tap-39' |
'sprout' |
'tap-finger-46' |
'pointing-up-finger-53' |
'tap-finger-14' |
'tap-finger-10' |
'tap-finger-92' |
'fingers-finger-154' |
'drag-73' |
'tap-66' |
'smartphone' |
'tap-finger-81' |
'tap-hands-and-gestures-116' |
'hand-gesture' |
'tap-hands-and-gestures-61' |
'tap-finger-108' |
'fingers-hand' |
'victory' |
'smartphone-112' |
'gestures-hold' |
'fingers-hand-47' |
'cactus' |
'tap-search' |
'middle-finger-finger' |
'fist' |
'pointing-hand' |
'tap-finger-85' |
'tap-finger-18' |
'drag-scroll-151' |
'tap-finger-78' |
'pointing-hands-and-gestures' |
'tap-add' |
'pointing-left-finger-35' |
'tap-export' |
'tap-finger-77' |
'tap-cloud' |
'tap-finger-136' |
'tap-finger-48' |
'tap-finger-24' |
'drag-79' |
'hand-hold-4' |
'tap-hands' |
'tap-hands-and-gestures-67' |
'tap-finger-150' |
'tap-hands-and-gestures' |
'dial' |
'tap-finger-38' |
'tap-33' |
'tap-finger-19' |
'tap-pause' |
'tap-finger-57' |
'drag-hands-and-gestures' |
'drag-11' |
'tap-110' |
'pointing-up-hand' |
'fingers-finger-146' |
'tap-hands-and-gestures-37' |
'fingers-hand-36' |
'tap-131' |
'fingers-finger-30' |
'tap-finger-129' |
'tap-finger-126' |
'hands-catch' |
'fingers-finger-86' |
'tap-finger-91' |
'hand-gesture-finger-5' |
'tap-finger-144' |
'clapping-clap' |
'drag-scroll-42' |
'pointing-hands-20' |
'tap-finger-139' |
'tap-finger-103' |
'gestures-catch' |
'heart' |
'fingers-finger-15' |
'tap-65' |
'tap-import' |
'pointing-up-finger' |
'tap-finger-109' |
'tap-finger-87' |
'tap-audio' |
'fingers-finger-98' |
'tap' |
'tap-finger-101' |
'tap-138' |
'tap-71' |
'tap-hands-and-gestures-54' |
'tap-finger-100' |
'computer-mouse-mouse' |
'tap-hands-and-gestures-142' |
'tap-finger-17' |
'hygienic-washing' |
'tap-finger-141' |
'tap-fast-forward' |
'pointing-finger' |
'tap-power-button' |
'drag-106' |
'tap-hands-and-gestures-113' |
'like' |
'drag-scroll-90' |
'tap-hands-99' |
'tap-rewind' |
'tap-hands-and-gestures-155' |
'drag-3' |
'tap-128' |
'tap-finger-60' |
'tap-hands-and-gestures-97' |
'pointing-hands' |
'pointing-left-finger-68' |
'hand-red-ring' |
'tap-finger-127' |
'pointing-hands-115' |
'sprout-49' |
'tap-finger-40' |
'middle-finger' |
'hand-red-thumb' |
'tap-finger-111' |
'tap-finger-69' |
'tap-123' |
'pointing-down-finger-107' |
'tap-next' |
'tap-mute' |
'tap-hands-and-gestures-105' |
'drag-149' |
'hand-hold' |
'tablet-ipad' |
'tap-22' |
'email-mail' |
'tap-hands-and-gestures-134' |
'drag' |
'pointing-up-finger-122' |
'sheriff' |
'tap-55' |
'tap-140' |
'hand' |
'hand-gesture-finger' |
'call' |
'pointing-left-finger-137' |
'tap-back-2' |
'mouse' |
'tap-finger-29' |
'tap-hands-and-gestures-70' |
'tap-finger-63' |
'tap-finger-12' |
'pointing-right-hand' |
'fingers-finger' |
'smartwatch-152' |
'fingers-finger-148' |
'fingers-finger-59' |
'hold' |
'prohibition-forbidden' |
'dislike-bad' |
'pointing-hands-and-gestures-26' |
'sprout-tree' |
'tap-finger-16' |
'swear' |
'planet-earth-global' |
'tap-finger-32' |
'tap-finger-114' |
'stop' |
'fingers-hands' |
'tap-settings' |
'tap-82' |
'pointing-right-finger-62' |
'smartwatch' |
'lightbulb' |
'pointing-hands-and-gestures-21' |
'tap-finger-93' |
'fingers-finger-27' |
'tap-6' |
'tap-finger-102' |
'tap-hands-and-gestures-83' |
'chips-bet' |
'zoom-in-finger' |
'hand-red-middle' |
'pointing-hands-and-gestures-7' |
'tap-hands-and-gestures-50' |
'hand-red-pointer' |
'tap-finger-153' |
'tap-finger-8' |
'tablet' |
'tap-94' |
'pointing-hand-finger' |
'tap-finger-74' |
'drag-75' |
'drag-76' |
'tap-bluetooth' |
'tap-88' |
'pointing-up' |
'pointing-hands-and-gestures-125' |
'fingers-finger-121' |
'tap-finger-9' |
'pointing-down-down' |
'drag-96' |
'fingers-finger-95' |
'tap-more' |
'tap-finger-145';
type iconColors = '#21AE5E' |
'#26B99A' |
'#2872C9' |
'#333F45' |
'#337FAA' |
'#38454F' |
'#3B97D3' |
'#4795E2' |
'#48A0DC' |
'#4E646D' |
'#535D73' |
'#546A79' |
'#556080' |
'#59C3E3' |
'#5E5E5E' |
'#666666' |
'#71C386' |
'#7667AC' |
'#76C9B0' |
'#8697CB' |
'#88C057' |
'#94ABB8' |
'#95A5A5' |
'#994530' |
'#A2DD64' |
'#A34740' |
'#A4E869' |
'#B1D3EF' |
'#B1D3F0' |
'#BC9519' |
'#BDC3C7' |
'#BECACC' |
'#C13A2F' |
'#C1CAD1' |
'#C45149' |
'#CEAF6A' |
'#D0E8F9' |
'#D3311F' |
'#D4DBDF' |
'#D6C4B1' |
'#D6D3C8' |
'#D6E0EB' |
'#D75A4A' |
'#DDAA80' |
'#E18C25' |
'#E2AE83' |
'#E2B088' |
'#E64C3C' |
'#E8E0DF' |
'#EBF7FD' |
'#ECF0F1' |
'#ED7161' |
'#EDDCC7' |
'#EDF0F1' |
'#EFE630' |
'#F0C41A' |
'#F0CE17' |
'#F0EDE0' |
'#F29C21' |
'#F3FBFF' |
'#F42C2C' |
'#F4D65A' |
'#F6D380' |
'#F9A671' |
'#F9EBB0' |
'#FDC794' |
'#FFE9EC' |
'#FFFFFF' |
'#ff0000' |
'#ffffff';
type backgroundType = 'circle' | 'rect' | 'button';
type colorsType = Record<iconColors, string>;
type positionType = 'top' | 'bottom' | 'right' | 'left' |
'top_right' | 'top_left' | 'bottom_right' | 'bottom_left';
type backgroundTypeObj = {
type?: backgroundType;
color?: string;
radius?: number;
borderRadius?: number;
};
type badgeTypeObj = {
value?: number | string;
fontSize?: string;
position?: positionType;
color?: string;
colors: colorsType;
backgroundColor?: string;
radius?: number;
};
interface IconProps {
name: iconNames;
width?: number;
height?: number;
color?: string;
colors?: colorsType;
stroke?: number;
background?: backgroundType | backgroundTypeObj;
badge?: number | string | badgeTypeObj;
}
const Icon: (props: IconProps & SvgProps & AdditionalProps) => ReactNode;
export { iconNames };
export default Icon;
}