home
homePreview every registered icon, search by name, and copy the icon key used by IconByVariant and component examples.
Pass a copied icon key to IconByVariant for standalone SVGs or to IconButton for icon-only actions. Use color oriconColor to set the icon fill.
import { IconByVariant } from '@sohantalukder/rn-kit';
export function Example() {
return (
<IconByVariant
path="search"
height={24}
width={24}
color="#0ea5e9"
/>
);
}import { IconButton } from '@sohantalukder/rn-kit';
export function Example() {
return (
<IconButton
icon="search"
iconColor="#0ea5e9"
accessibilityLabel="Search"
onPress={handleSearch}
/>
);
}homesettingsuserusersuserPluscalendarplusminuschevronRightchevronLeftchevronUpchevronDownarrowRightarrowLeftarrowUparrowDownmenucloseheartstarmailphonecamerauploaddownloadedittrashbellinfoalertCirclecheckCirclexCirclemapPinclockfiltershoppingCartwalletcreditCardfilefolderimagevideomusicwifibluetoothprintersavecopyexternalLinklinkbookmarkmessageCircleloginunlockshieldkeyglobesunmooncloudcloudRainzapplaypauseskipBackskipForwardvolumemicmapnavigationbuildingcarbustrainplanepackagetagpercentqrCodescanLinefingerprintthumbsUpthumbsDowngridlistslidersHorizontalarchiveinboxbriefcasecancelcheckdeletedownArrowemptyContenterroreyeOffeyeOnlanguageleftArrowloaderlocklogoutmorenoInternetnotificationplaceholderprofilerefreshresetsearchsendsharesuccesstheme