Icon Playground

Tüm ikonları canlı olarak önizleyin, özelleştirin ve JSX kodunu kopyalayın.

W:H:Fill:Bg:

AccessIcon

<AccessIcon width={48} height={48} fill="#C8102E" />

AccountingIcon

<AccountingIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

AddToCartIcon

<AddToCartIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

AdjustIcon

<AdjustIcon width={48} height={48} fill="#C8102E" />

AirBaloonIcon

<AirBaloonIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

AirplaneIcon

<AirplaneIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

AnalysisIcon

<AnalysisIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

AnimatedMenuIcon

<AnimatedMenuIcon width={48} height={48} fill="#C8102E" />

AppleColorIcon

<AppleColorIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ArrowRightIcon

<ArrowRightIcon width={48} height={48} fill="#C8102E" />

BillIcon

<BillIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

BrokenGlassIcon

<BrokenGlassIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

BudgetIcon

<BudgetIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CallIcon

<CallIcon width={48} height={48} fill="#C8102E" />

CarIcon

<CarIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CategoriesIcon

<CategoriesIcon width={48} height={48} fill="#C8102E" />

CentralMenagmentIcon

<CentralMenagmentIcon width={48} height={48} fill="#C8102E" />

CheckColorfullIcon

<CheckColorfullIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CheckIcon

<CheckIcon width={48} height={48} fill="#C8102E" />

CheckSmallIcon

<CheckSmallIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ChecklistIcon

<ChecklistIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ChemistryIcon

<ChemistryIcon width={48} height={48} fill="#C8102E" />

ChevronDownIcon

<ChevronDownIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ChevronLeftIcon

<ChevronLeftIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ChevronRightIcon

<ChevronRightIcon width={48} height={48} fill="#C8102E" />

ChevronUpIcon

<ChevronUpIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ChipIcon

<ChipIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CircleIcon

<CircleIcon width={48} height={48} fill="#C8102E" />

ClockIcon

<ClockIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CloseIcon

<CloseIcon width={48} height={48} fill="#C8102E" />

CloudIcon

<CloudIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CommunicationIcon

<CommunicationIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ComputerIcon

<ComputerIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ConstructorIcon

<ConstructorIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ContentCopyIcon

<ContentCopyIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CouponIcon

<CouponIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CraneIcon

<CraneIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CreditCardIcon

<CreditCardIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CuriosityIcon

<CuriosityIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CustomerServiceCallIcon

<CustomerServiceCallIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

CustomerServiceIcon

<CustomerServiceIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DataStorageIcon

<DataStorageIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DeliveryIcon

<DeliveryIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DigitalAssistantIcon

<DigitalAssistantIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DiscountIcon

<DiscountIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DocumentColorIcon

<DocumentColorIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DocumentIcon

<DocumentIcon width={48} height={48} fill="#C8102E" />

DomainIcon

<DomainIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

DressIcon

<DressIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

EarthIcon

<EarthIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

EducationIcon

<EducationIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

EmailIcon

<EmailIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

EmployeeIcon

<EmployeeIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

FacebookIcon

<FacebookIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

FeatureIcon

<FeatureIcon width={48} height={48} fill="#C8102E" />

FileIcon

<FileIcon width={48} height={48} fill="#C8102E" />

FilterIcon

<FilterIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

FireIcon

<FireIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

GiftCardIcon

<GiftCardIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

GiftIcon

<GiftIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

GoalIcon

<GoalIcon width={48} height={48} fill="#C8102E" />

IncreaseIcon

<IncreaseIcon width={48} height={48} fill="#C8102E" />

InfoColorIcon

<InfoColorIcon width={48} height={48} fill="#C8102E" />

InfoIcon

<InfoIcon width={48} height={48} fill="#C8102E" />

InstagramIcon

<InstagramIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

InsuranceIcon

<InsuranceIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

InvestmentIcon

<InvestmentIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

InvestorIcon

<InvestorIcon width={48} height={48} fill="#C8102E" />

LanguageIcon

<LanguageIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

LaserMachineIcon

<LaserMachineIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

LinkedInIcon

<LinkedInIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ListIcon

<ListIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

LocationIcon

<LocationIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

LogoAcademyIcon

<LogoAcademyIcon width={48} height={48} fill="#C8102E" />

LogoBrand

<LogoBrand width={48} height={48} fill="#C8102E" />

MedicalKitIcon

<MedicalKitIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

MenuIcon

<MenuIcon width={48} height={48} fill="#C8102E" />

MinusIcon

<MinusIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

MoreIcon

<MoreIcon width={48} height={48} fill="#C8102E" />

NewspaperIcon

<NewspaperIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

OfficeIcon

<OfficeIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

OnlineSupportIcon

<OnlineSupportIcon width={48} height={48} fill="#C8102E" />

OtherIcon

<OtherIcon width={48} height={48} fill="#C8102E" />

OutwardIcon

<OutwardIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PaymentIcon

<PaymentIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PenIcon

<PenIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PhilosophyIcon

<PhilosophyIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PhoneIcon

<PhoneIcon width={48} height={48} fill="#C8102E" />

PhoneV2Icon

<PhoneV2Icon width={48} height={48} fill="#C8102E" />

PlayIcon

<PlayIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PlusIcon

<PlusIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PowerbankIcon

<PowerbankIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

PrinterIcon

<PrinterIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ProductSupportIcon

<ProductSupportIcon width={48} height={48} fill="#C8102E" />

ProfitIcon

<ProfitIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

RenewableEnergyIcon

<RenewableEnergyIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ReplantIcon

<ReplantIcon width={48} height={48} fill="#C8102E" />

ResearchIcon

<ResearchIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SateliteIcon

<SateliteIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SearchCircleIcon

<SearchCircleIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SearchIcon

<SearchIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

ShortingIcon

<ShortingIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SnackIcon

<SnackIcon width={48} height={48} fill="#C8102E" />

SoftwareIcon

<SoftwareIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SolutionsIcon

<SolutionsIcon width={48} height={48} fill="#C8102E" />

StarBadgeIcon

<StarBadgeIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

StarIcon

<StarIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

StartupIcon

<StartupIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SupportCallIcon

<SupportCallIcon width={48} height={48} fill="#C8102E" />

SupportVideosIcon

<SupportVideosIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

SwitchIcon

<SwitchIcon width={48} height={48} fill="#C8102E" />

TeamIcon

<TeamIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

TechnologyIcon

<TechnologyIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

TimerIcon

<TimerIcon width={48} height={48} fill="#C8102E" />

TrolleyIcon

<TrolleyIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

VeracityIcon

<VeracityIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

WebsiteIcon

<WebsiteIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

WhatsappIcon

<WhatsappIcon width={48} height={48} fill="#C8102E" />

WheelIcon

<WheelIcon width={48} height={48} fill="#C8102E" />

WishlistIcon

<WishlistIcon width={48} height={48} fill="#C8102E" />

WorldIcon

<WorldIcon width={48} height={48} fill="#C8102E" />

XBrandIcon

<XBrandIcon width={48} height={48} fill="#C8102E" />

XIcon

<XIcon width={48} height={48} fill="#C8102E" />

YouTubeIcon

<YouTubeIcon width={48} height={48} fill="#C8102E" backgroundFill="#011839" />

Env kontrolü (Kubernetes Secret / .env)

SSR (Server)

Sunucuda tüm env değişkenleri okunur (Kubernetes Secret veya .env.production).

NEXT_PUBLIC_SITE_URLhttps://www.logo.com.tr
NEXT_PUBLIC_CACHE_ENABLEDtrue
NEXT_PUBLIC_VERBOSE_APIfalse
NEXT_PUBLIC_SITE_GTM_IDGTM-57XSWPN
NEXT_PUBLIC_GOOGLE_MAPSAIzaSyBa738dqtO3kTkTKQQf6XmDly46ZX_C97E
API_URLhttps://logowebcms.logo.com.tr/
CLIENT_IDC2E5B908-3C60-4875-B49C-2B4E943A705F
CLIENT_SECRET***
ELOGO_API_URLhttps://www.elogo.com.tr
PEOPLISE_API_URLhttps://peoplise.com
API_FORM_URLhttps://kws.logo.com.tr/api/
CLOUD_AUTH_BASE_URLhttps://authorization.logo.cloud
CLOUD_IDM_BASE_URLhttps://idm.logo.cloud
CLOUD_CLIENT_IDe1c067a9-d528-4322-aab8-d6f8007ba1aa
WEBAPI_URLhttps://webapi.logo.com.tr/businessPartnerForm
WEBAPI_AUTH_TOKEN***
WEBAPI_AUTH_KEY***
NEXT_PUBLIC_BOT_TOKEN_ENDPOINT***

Client (tarayıcı)

Sadece NEXT_PUBLIC_* değişkenleri client'ta okunur; diğerleri güvenlik nedeniyle undefined.

NEXT_PUBLIC_SITE_URLhttps://www.logo.com.tr
NEXT_PUBLIC_CACHE_ENABLEDtrue
NEXT_PUBLIC_VERBOSE_APIfalse
NEXT_PUBLIC_WEBAPI_URL—
NEXT_PUBLIC_WEBAPI_AUTH_TOKEN—
NEXT_PUBLIC_WEBAPI_AUTH_KEY—
NEXT_PUBLIC_SITE_GTM_IDGTM-57XSWPN
NEXT_PUBLIC_GOOGLE_MAPSAIzaSyBa738dqtO3kTkTKQQf6XmDly46ZX_C97E
API_URL—(client'ta yok)
CLIENT_ID—(client'ta yok)
CLIENT_SECRET—(client'ta yok)
ELOGO_API_URL—(client'ta yok)
PEOPLISE_API_URL—(client'ta yok)
API_FORM_URL—(client'ta yok)
CLOUD_AUTH_BASE_URL—(client'ta yok)
CLOUD_IDM_BASE_URL—(client'ta yok)
CLOUD_CLIENT_ID—(client'ta yok)
WEBAPI_URL—(client'ta yok)
WEBAPI_AUTH_TOKEN—(client'ta yok)
WEBAPI_AUTH_KEY—(client'ta yok)