1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},i=(new e.Error).stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="c8012219-5fff-4bc2-8c1d-0ac6ec5ab419",e._sentryDebugIdIdentifier="sentry-dbid-c8012219-5fff-4bc2-8c1d-0ac6ec5ab419")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7473],{54698:function(e,i,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/design-system/icons",function(){return s(11910)}])},11910:function(e,i,s){"use strict";s.r(i),s.d(i,{__N_SSG:function(){return u}});var t=s(85893),n=s(41664),c=s.n(n),l=s(62981),a=s(54305),r=s(18442),o=Object.keys(a.Z),d=[{label:"Facility",filter:function(e){return e.startsWith("facility-")}},{label:"Ticket USP",filter:function(e){return e.startsWith("ticket-usp-")}},{label:"Social",filter:function(e){return["facebook","instagram","tiktok","twitter","youtube","linkedin","facebook-circle","instagram-circle","tiktok-circle","youtube-circle","linkedin-circle","facebook-circle-white","instagram-circle-white","tiktok-circle-white","youtube-circle-white","linkedin-circle-white"].includes(e)}},{label:"Payment",filter:function(e){return["visa","mastercard","amex","maestro","paypal","apple-pay","google-pay"].includes(e)}},{label:"General",filter:function(e){return!e.startsWith("facility-")&&!e.startsWith("ticket-usp-")&&!["facebook","instagram","tiktok","twitter","youtube","linkedin","facebook-circle","instagram-circle","tiktok-circle","youtube-circle","linkedin-circle","facebook-circle-white","instagram-circle-white","tiktok-circle-white","youtube-circle-white","linkedin-circle-white"].includes(e)&&!["visa","mastercard","amex","maestro","paypal","apple-pay","google-pay"].includes(e)}}],IconGrid=function(e){return(0,t.jsx)("div",{className:"grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-px bg-ds-grey-200 border border-ds-grey-200 rounded overflow-hidden",children:e.names.map(function(e){return(0,t.jsxs)("div",{className:"bg-white flex flex-col items-center gap-2 p-3",children:[(0,t.jsx)("div",{className:"flex items-center justify-center h-10",children:(0,t.jsx)(r.Z,{name:e})}),(0,t.jsx)("code",{className:"text-center break-all text-ds-purple-300 ds-copy-xs leading-tight",children:e})]},e)})})},Section=function(e){return 0===e.names.length?null:(0,t.jsxs)("section",{className:"mb-12",children:[(0,t.jsx)("h2",{className:"mb-4 ds-heading-02",children:e.title}),(0,t.jsx)(IconGrid,{names:e.names})]})},u=!0;i.default=function(){return(0,t.jsx)(l.Z,{dataLayer:{pageType:"DESIGN_SYSTEM"},head:{title:"Icons | Design System | Day Out With The Kids",canonicalUrl:"https://www.dayoutwiththekids.co.uk/design-system/icons",metaDescription:"All available icons in the DOWTK design system icon registry.",next:null,prev:null,socialMeta:{title:"Icons â Design System",type:"website",url:"https://www.dayoutwiththekids.co.uk/design-system/icons",image:null,description:"All available icons in the DOWTK design system icon registry.",coordinates:null},enableAdverts:!1,noIndex:!0},preview:!1,disableAds:!0,children:(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:"mb-6",children:(0,t.jsx)(c(),{href:"/design-system",className:"text-ds-purple-300 ds-copy-small",children:"â Back to Design System"})}),(0,t.jsxs)("div",{className:"mb-10",children:[(0,t.jsxs)("p",{className:"mb-4 ds-copy-regular",children:["All icons available via the ",(0,t.jsx)("code",{className:"bg-ds-grey-200 px-1 py-0.5 rounded ds-copy-small",children:"Icon"})," component. Pass the icon name as the ",(0,t.jsx)("code",{className:"bg-ds-grey-200 px-1 py-0.5 rounded ds-copy-small",children:"name"})," prop using an ",(0,t.jsx)("code",{className:"bg-ds-grey-200 px-1 py-0.5 rounded ds-copy-small",children:"IconName"})," value from"," ",(0,t.jsx)("code",{className:"bg-ds-grey-200 px-1 py-0.5 rounded ds-copy-small",children:"icon-registery.ts"}),". There are ",o.length," icons in total."]}),(0,t.jsx)("code",{className:"block bg-ds-grey-200 px-3 py-2 rounded ds-copy-small text-ds-purple-300",children:'<Icon name="tickets" />'})]}),d.map(function(e){return(0,t.jsx)(Section,{title:e.label,names:o.filter(e.filter)},e.label)})]})})}}},function(e){e.O(0,[9734,1664,2981,9774,2888,179],function(){return e(e.s=54698)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.