Domain > aiconstructionguide.com

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2024-05-12	18.244.202.81 (ClassC)
2024-10-05	143.204.29.60 (ClassC)
2026-01-11	3.163.24.38 (ClassC)

HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 53052Connection: keep-aliveDate: Sun, 11 Jan 2026 07:04:10 GMTX-Amzn-Trace-Id: Root1-69634b69-76f9b2c62aadc0cd378b2e42;Parent4d64682f0fc18201;Sampled0;Lineage1:2ec8c18e:0x-amzn-RequestId: a585122a-370a-4ec7-8c2c-016a85f0c412Cache-Control: public, max-age30, stale-while-revalidate300X-Cache: Miss from cloudfrontVia: 1.1 182d3a3dbb6658c964ee75cd45a42242.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P2X-Amz-Cf-Id: hUJ-MMpApnOK6Mn0VlQYTZJsIWK2e2-V0DyZRooODjmG4tOOYvMAdA

!DOCTYPE html>html langen classh-full overflow-x-hidden scroll-smooth bg-background antialiased>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>title>Ultimate Guide To AI For Construction/title>meta namedescription contentUltimate Guide To AI For Construction/>link relpreload href/favicon.ico asimage/>link relpreload href/assets/cabinet-grotesk-x1fMyteN.css asstyle/>link relpreload href/assets/latin-yqSv-oHD.css asstyle/>link relpreload href/assets/tailwind-CL9jO-3q.css asstyle/>link relstylesheet href/assets/cabinet-grotesk-x1fMyteN.css/>link relstylesheet href/assets/latin-yqSv-oHD.css/>link relicon typeimage/png href/favicon.ico/>link relstylesheet href/assets/tailwind-CL9jO-3q.css/>/head>body classh-auto w-full>script async srchttps://www.googletagmanager.com/gtag/js?idG-W911K204JZ>/script>script async idgtag-init>                window.dataLayer  window.dataLayer || ;                function gtag(){dataLayer.push(arguments);}                gtag(js, new Date());                gtag(config, G-W911K204JZ, {                  page_path: window.location.pathname,                });              /script>header classoverflow-hidden bg-slate-100 lg:bg-transparent lg:px-5>div classmx-auto grid max-w-6xl grid-cols-1 grid-rows-auto_1fr gap-y-16 pt-16 md:pt-20 lg:grid-cols-12 lg:gap-y-20 lg:px-3 lg:pb-36 lg:pt-20 xl:py-32>div classrelative flex items-end lg:col-span-5 lg:row-span-2>div classabsolute -bottom-12 -top-20 left-0 right-1/2 z-10 rounded-br-6xl bg-primary text-white/10 md:bottom-8 lg:-inset-y-32 lg:left--100vw lg:right-full lg:-mr-40>svg aria-hiddentrue classabsolute inset-0 h-full w-full>defs>pattern id:R18l5: width128 height128 patternUnitsuserSpaceOnUse x100% y100% patternTransformtranslate(112 64)>path dM0 128V.5H128 fillnone strokecurrentColor>/path>/pattern>/defs>rect width100% height100% fillurl(#:R18l5:)>/rect>/svg>/div>div classrelative z-10 mx-auto flex w-64 rounded-xl bg-muted-foreground shadow-xl md:w-80 lg:w-auto>img classw-full src/cover.png alt loadingeager/>/div>/div>div classrelative px-4 sm:px-6 lg:col-span-7 lg:pb-14 lg:pl-16 lg:pr-0 xl:pl-20>div classhidden lg:absolute lg:-top-32 lg:bottom-0 lg:left--100vw lg:right--100vw lg:block lg:bg-slate-100>/div>figure classrelative mx-auto max-w-md text-center lg:mx-0 lg:text-left>div classflex justify-center text-secondary lg:justify-start>div classflex gap-1>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>blockquote classmt-2>p classfont-display text-xl font-medium text-foreground>“This method of designing icons is genius. I wish I had known this method a lot sooner.”/p>/blockquote>figcaption classmt-2 text-sm text-slate-500>strong classfont-semibold text-primary before:content-'—_'>Stacey Solomon/strong>, Founder at Retail Park/figcaption>/figure>/div>div classbg-white pt-16 lg:col-span-7 lg:bg-transparent lg:pl-16 lg:pt-0 xl:pl-20>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:px-0>h1 classfont-display text-5xl font-extrabold text-foreground sm:text-6xl>Get lost in the world of icon design./h1>p classmt-4 text-3xl text-slate-600>A book and video course that teaches you how to design your own icons from scratch./p>div classmt-8 flex gap-4>a classinline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 href/#free-chapters>Get sample chapter/a>a classinline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 href/#pricing>Buy book/a>/div>/div>/div>/div>/header>section idintroduction aria-labelIntroduction classpb-16 pt-20 sm:pb-20 md:pt-36 lg:py-32>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-4xl lg:px-12 text-lg tracking-tight text-slate-700>p classfont-display text-4xl font-bold tracking-tight text-foreground>“Everything Starts as a Square” is a book and video course that teaches you a simple method to designing icons that anyone can learn./p>p classmt-4>Before I learned how to design icons myself, I always imagined that they were drawn by hand using the pen tool, some sort of fancy graphics tablet, and hours and hours spent manually fine-tuning bezier curves./p>p classmt-4>But it turns out this isn’t how great icon designers work at all./p>p classmt-4>In “Everything Starts as a Square”, you’ll learn the systems experts use to create pixel perfect icons, without relying on a steady hand./p>ul classmt-8 space-y-3>li classflex>svg aria-hiddentrue viewBox0 0 32 32 classh-8 w-8 flex-none fill-primary>path dM11.83 15.795a1 1 0 0 0-1.66 1.114l1.66-1.114Zm9.861-4.072a1 1 0 1 0-1.382-1.446l1.382 1.446ZM14.115 21l-.83.557a1 1 0 0 0 1.784-.258L14.115 21Zm.954.3c1.29-4.11 3.539-6.63 6.622-9.577l-1.382-1.446c-3.152 3.013-5.704 5.82-7.148 10.424l1.908.598Zm-4.9-4.391 3.115 4.648 1.661-1.114-3.114-4.648-1.662 1.114Z>/path>/svg>span classml-4>Using boolean operations to combine basic shapes into complex icons/span>/li>li classflex>svg aria-hiddentrue viewBox0 0 32 32 classh-8 w-8 flex-none fill-primary>path dM11.83 15.795a1 1 0 0 0-1.66 1.114l1.66-1.114Zm9.861-4.072a1 1 0 1 0-1.382-1.446l1.382 1.446ZM14.115 21l-.83.557a1 1 0 0 0 1.784-.258L14.115 21Zm.954.3c1.29-4.11 3.539-6.63 6.622-9.577l-1.382-1.446c-3.152 3.013-5.704 5.82-7.148 10.424l1.908.598Zm-4.9-4.391 3.115 4.648 1.661-1.114-3.114-4.648-1.662 1.114Z>/path>/svg>span classml-4>How to adapt icons to different sizes/span>/li>li classflex>svg aria-hiddentrue viewBox0 0 32 32 classh-8 w-8 flex-none fill-primary>path dM11.83 15.795a1 1 0 0 0-1.66 1.114l1.66-1.114Zm9.861-4.072a1 1 0 1 0-1.382-1.446l1.382 1.446ZM14.115 21l-.83.557a1 1 0 0 0 1.784-.258L14.115 21Zm.954.3c1.29-4.11 3.539-6.63 6.622-9.577l-1.382-1.446c-3.152 3.013-5.704 5.82-7.148 10.424l1.908.598Zm-4.9-4.391 3.115 4.648 1.661-1.114-3.114-4.648-1.662 1.114Z>/path>/svg>span classml-4>Translating icons from an outline style to a solid style/span>/li>li classflex>svg aria-hiddentrue viewBox0 0 32 32 classh-8 w-8 flex-none fill-primary>path dM11.83 15.795a1 1 0 0 0-1.66 1.114l1.66-1.114Zm9.861-4.072a1 1 0 1 0-1.382-1.446l1.382 1.446ZM14.115 21l-.83.557a1 1 0 0 0 1.784-.258L14.115 21Zm.954.3c1.29-4.11 3.539-6.63 6.622-9.577l-1.382-1.446c-3.152 3.013-5.704 5.82-7.148 10.424l1.908.598Zm-4.9-4.391 3.115 4.648 1.661-1.114-3.114-4.648-1.662 1.114Z>/path>/svg>span classml-4>Identifying the characteristics that make an icon set cohesive/span>/li>li classflex>svg aria-hiddentrue viewBox0 0 32 32 classh-8 w-8 flex-none fill-primary>path dM11.83 15.795a1 1 0 0 0-1.66 1.114l1.66-1.114Zm9.861-4.072a1 1 0 1 0-1.382-1.446l1.382 1.446ZM14.115 21l-.83.557a1 1 0 0 0 1.784-.258L14.115 21Zm.954.3c1.29-4.11 3.539-6.63 6.622-9.577l-1.382-1.446c-3.152 3.013-5.704 5.82-7.148 10.424l1.908.598Zm-4.9-4.391 3.115 4.648 1.661-1.114-3.114-4.648-1.662 1.114Z>/path>/svg>span classml-4>Figma features and keyboard shortcuts to speed up your workflow/span>/li>/ul>p classmt-8>By the end of the book, you’ll have all the confidence you need to dig in and start creating beautiful icons that can hold their own against any of the sets you can find online./p>p classmt-10>a classtext-base font-medium text-primary/90 hover:text-primary href/#free-chapters>Get two free chapters straight to your inbox!-- --> span aria-hiddentrue>→/span>/a>/p>/div>/section>div classsticky top-0 z-50>div classsm:hidden data-headlessui-state>div classrelative flex items-center px-4 py-3 bg-white/95 shadow-sm @supports(backdrop-filter:blur(0)):bg-white/80 @supports(backdrop-filter:blur(0)):backdrop-blur>span aria-hiddentrue classfont-mono text-sm text-primary>01/span>span classml-4 text-base font-medium text-foreground>span classhidden lg:inline>Table of contents/span>span classlg:hidden>Contents/span>/span>button class-mr-1 ml-auto flex h-8 w-8 items-center justify-center aria-labelToggle navigation menu typebutton aria-expandedfalse data-headlessui-state>span classabsolute inset-0>/span>svg aria-hiddentrue fillnone stroke-width2 stroke-linecapround stroke-linejoinround viewBox0 0 24 24 classh-6 w-6 stroke-slate-700>path dm15 16-3 3-3-3M15 8l-3-3-3 3>/path>/svg>/button>/div>div classabsolute inset-x-0 bottom-full z-10 h-4 bg-white>/div>/div>div hidden styleposition:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none>/div>div classhidden sm:flex sm:h-32 sm:justify-center sm:border-b sm:border-slate-200 sm:bg-white/95 sm:@supports(backdrop-filter:blur(0)):bg-white/80 sm:@supports(backdrop-filter:blur(0)):backdrop-blur>ol classmb--2px grid auto-cols-minmax(0,15rem) grid-flow-col text-base font-medium text-foreground counter-reset:section>li classflex counter-increment:section>a href#table-of-contents classflex w-full flex-col items-center justify-center border-b-2 before:mb-2 before:font-mono before:text-sm before:content-counter(section,decimal-leading-zero) border-transparent before:text-slate-500 hover:bg-primary/40 hover:before:text-foreground>span classhidden lg:inline>Table of contents/span>span classlg:hidden>Contents/span>/a>/li>li classflex counter-increment:section>a href#screencasts classflex w-full flex-col items-center justify-center border-b-2 before:mb-2 before:font-mono before:text-sm before:content-counter(section,decimal-leading-zero) border-transparent before:text-slate-500 hover:bg-primary/40 hover:before:text-foreground>Screencasts/a>/li>li classflex counter-increment:section>a href#resources classflex w-full flex-col items-center justify-center border-b-2 before:mb-2 before:font-mono before:text-sm before:content-counter(section,decimal-leading-zero) border-transparent before:text-slate-500 hover:bg-primary/40 hover:before:text-foreground>Resources/a>/li>li classflex counter-increment:section>a href#author classflex w-full flex-col items-center justify-center border-b-2 before:mb-2 before:font-mono before:text-sm before:content-counter(section,decimal-leading-zero) border-transparent before:text-slate-500 hover:bg-primary/40 hover:before:text-foreground>Author/a>/li>/ol>/div>/div>section idtable-of-contents aria-labelledbytable-of-contents-title classscroll-mt-14 py-16 sm:scroll-mt-32 sm:py-20 lg:py-32>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-4xl lg:px-12>h2 classinline-flex items-center rounded-full px-4 py-1 text-primary ring-1 ring-inset ring-primary idtable-of-contents-title>span classfont-mono text-sm aria-hiddentrue>01/span>span classml-3 h-3.5 w-px bg-primary/20>/span>span classml-3 text-base font-medium tracking-tight>Table of contents/span>/h2>p classmt-8 font-display text-4xl font-bold tracking-tight text-foreground>Get a look at all of the content covered in the book. Everything you need to know is inside./p>p classmt-4 text-lg tracking-tight text-slate-700>“Everything Starts as a Square” is comprised of 240 tightly edited, highly visual pages designed to teach you everything you need to know about icon design with no unnecessary filler./p>div>ol classmt-16 space-y-10 sm:space-y-16>li>h3 classfont-display text-3xl font-bold tracking-tight text-foreground>Introduction/h3>ol classmt-8 divide-y divide-slate-300/30 rounded-2xl bg-slate-50 px-6 py-3 text-base tracking-tight sm:px-8 sm:py-7>li classflex justify-between py-3 aria-labelOverview of the Book on page 1>span classfont-semibold text-foreground aria-hiddentrue>Overview of the Book/span>span classfont-mono text-primary aria-hiddentrue>1/span>/li>li classflex justify-between py-3 aria-labelLearning Outcomes on page 5>span classfont-semibold text-foreground aria-hiddentrue>Learning Outcomes/span>span classfont-mono text-primary aria-hiddentrue>5/span>/li>/ol>/li>li>h3 classfont-display text-3xl font-bold tracking-tight text-foreground>What Actually is AI?/h3>ol classmt-8 divide-y divide-slate-300/30 rounded-2xl bg-slate-50 px-6 py-3 text-base tracking-tight sm:px-8 sm:py-7>li classflex justify-between py-3 aria-labelAI in Popular Culture on page 9>span classfont-semibold text-foreground aria-hiddentrue>AI in Popular Culture/span>span classfont-mono text-primary aria-hiddentrue>9/span>/li>li classflex justify-between py-3 aria-labelAI Technologies Defined on page 13>span classfont-semibold text-foreground aria-hiddentrue>AI Technologies Defined/span>span classfont-mono text-primary aria-hiddentrue>13/span>/li>/ol>/li>li>h3 classfont-display text-3xl font-bold tracking-tight text-foreground>Introduction of AI in a Construction Context/h3>ol classmt-8 divide-y divide-slate-300/30 rounded-2xl bg-slate-50 px-6 py-3 text-base tracking-tight sm:px-8 sm:py-7>li classflex justify-between py-3 aria-labelConstruction At A Crossroads on page 19>span classfont-semibold text-foreground aria-hiddentrue>Construction At A Crossroads/span>span classfont-mono text-primary aria-hiddentrue>19/span>/li>li classflex justify-between py-3 aria-labelData-driven Decision Making on page 23>span classfont-semibold text-foreground aria-hiddentrue>Data-driven Decision Making/span>span classfont-mono text-primary aria-hiddentrue>23/span>/li>li classflex justify-between py-3 aria-labelAI in Takeoffs, Estimating, and Bids on page 27>span classfont-normal text-muted-foreground/80 aria-hiddentrue>AI in Takeoffs, Estimating, and Bids/span>span classfont-mono text-muted-foreground/60 aria-hiddentrue>-/span>/li>li classflex justify-between py-3 aria-labelAI in Project Management: Scheduling, Budgeting, and Risk Assessment on page 31>span classfont-normal text-muted-foreground/80 aria-hiddentrue>AI in Project Management: Scheduling, Budgeting, and Risk Assessment/span>span classfont-mono text-muted-foreground/60 aria-hiddentrue>-/span>/li>li classflex justify-between py-3 aria-labelAutomated and Robotic Solutions on Construction Sites on page 35>span classfont-normal text-muted-foreground/80 aria-hiddentrue>Automated and Robotic Solutions on Construction Sites/span>span classfont-mono text-muted-foreground/60 aria-hiddentrue>-/span>/li>li classflex justify-between py-3 aria-labelAI in Design and Preconstruction Phases on page 39>span classfont-normal text-muted-foreground/80 aria-hiddentrue>AI in Design and Preconstruction Phases/span>span classfont-mono text-muted-foreground/60 aria-hiddentrue>-/span>/li>li classflex justify-between py-3 aria-labelCase Studies: Successful AI Integrations in Construction Projects on page 43>span classfont-normal text-muted-foreground/80 aria-hiddentrue>Case Studies: Successful AI Integrations in Construction Projects/span>span classfont-mono text-muted-foreground/60 aria-hiddentrue>-/span>/li>/ol>/li>/ol>div classmt-10 flex justify-center>button typebutton classflex items-center text-base font-medium tracking-tight text-foreground hover:text-slate-700>See moresvg aria-hiddentrue viewBox0 0 24 24 classml-2 h-6 w-6>path dm17 14-5 5-5-5M12 18.5V5 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>/path>/svg>/button>/div>/div>/div>/section>aside idtestimonial-from-tommy-stroman aria-labelTestimonial from Tommy Stroman classrelative bg-slate-100 py-16 sm:py-32>div classtext-foreground/10>svg aria-hiddentrue classabsolute inset-0 h-full w-full>defs>pattern id:Ral5: width128 height128 patternUnitsuserSpaceOnUse x50% patternTransformtranslate(0 80)>path dM0 128V.5H128 fillnone strokecurrentColor>/path>/pattern>/defs>rect width100% height100% fillurl(#:Ral5:)>/rect>/svg>/div>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:px-2 relative>figure>div classflex text-foreground sm:justify-center>div classflex gap-1>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>blockquote classmt-10 font-display text-4xl font-medium tracking-tight text-foreground sm:text-center>p>“I didn’t know a thing about icon design until I read this book. Now I can create any icon I need in no time. Great resource!”/p>/blockquote>figcaption classmt-10 flex items-center sm:justify-center>div classoverflow-hidden rounded-full bg-slate-200>img classh-12 w-12 object-cover src/avatars/avatar-1.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Tommy Stroman/div>div classmt-1 text-sm text-slate-600>Front-end developer/div>/div>/figcaption>/figure>/div>/aside>section idscreencasts aria-labelledbyscreencasts-title classscroll-mt-14 py-16 sm:scroll-mt-32 sm:py-20 lg:py-32>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-4xl lg:px-12>h2 classinline-flex items-center rounded-full px-4 py-1 text-primary ring-1 ring-inset ring-primary idscreencasts-title>span classfont-mono text-sm aria-hiddentrue>02/span>span classml-3 h-3.5 w-px bg-primary/20>/span>span classml-3 text-base font-medium tracking-tight>Screencasts/span>/h2>p classmt-8 font-display text-4xl font-bold tracking-tight text-foreground>Over an hour of high quality, step-by-step video content to sharpen your icon design workflow./p>p classmt-4 text-lg tracking-tight text-slate-700>Learn how to design your very first icons in a series of screencasts that will teach you everything you need to know to go from beginner to pro in just over an hour./p>/div>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-7xl lg:px-8 mt-16>ol classgrid grid-cols-1 gap-x-8 gap-y-10 counter-reset:video sm:grid-cols-2 lg:grid-cols-4>li classcounter-increment:video>div classrelative flex h-44 items-center justify-center rounded-2xl px-6 shadow-lg stylebackground-image:conic-gradient(from -49.8deg at 50% 50%, #7331FF 0deg, #00A3FF 59.07deg, #4E51FF 185.61deg, #39DBFF 284.23deg, #B84FF1 329.41deg, #7331FF 360deg)>div classflex overflow-hidden rounded shadow-sm>img src/screencasts/setup.svg alt/>/div>div classabsolute bottom-2 left-2 flex items-center rounded-lg bg-black/30 px-1.5 py-0.5 text-sm text-white @supports(backdrop-filter:blur(0)):bg-white/10 @supports(backdrop-filter:blur(0)):backdrop-blur>svg aria-hiddentrue stroke-width1.5 stroke-linecapround stroke-linejoinround viewBox0 0 16 16 classh-4 w-4 fill-current stroke-current>path dM6.75 10.25v-4.5L10.25 8l-3.5 2.25Z>/path>circle cx8 cy8 r6.25 fillnone>/circle>/svg>time dateTime16m 54s classml-2>16:54/time>/div>/div>h3 classmt-8 text-base font-medium tracking-tight text-foreground before:mb-2 before:block before:font-mono before:text-sm before:text-slate-500 before:content-counter(video,decimal-leading-zero)>Getting started with Figma/h3>p classmt-2 text-sm text-slate-600>Get familiar with the Figma UI, the different tools it offers, and the most important features./p>/li>li classcounter-increment:video>div classrelative flex h-44 items-center justify-center rounded-2xl px-6 shadow-lg stylebackground-image:conic-gradient(from -49.8deg at 50% 50%, #7331FF 0deg, #00A3FF 59.07deg, #4E51FF 185.61deg, #39DBFF 284.23deg, #B84FF1 329.41deg, #7331FF 360deg)>div classflex overflow-hidden rounded shadow-sm>img src/screencasts/grids.svg alt/>/div>div classabsolute bottom-2 left-2 flex items-center rounded-lg bg-black/30 px-1.5 py-0.5 text-sm text-white @supports(backdrop-filter:blur(0)):bg-white/10 @supports(backdrop-filter:blur(0)):backdrop-blur>svg aria-hiddentrue stroke-width1.5 stroke-linecapround stroke-linejoinround viewBox0 0 16 16 classh-4 w-4 fill-current stroke-current>path dM6.75 10.25v-4.5L10.25 8l-3.5 2.25Z>/path>circle cx8 cy8 r6.25 fillnone>/circle>/svg>time dateTime9m 12s classml-2>9:12/time>/div>/div>h3 classmt-8 text-base font-medium tracking-tight text-foreground before:mb-2 before:block before:font-mono before:text-sm before:text-slate-500 before:content-counter(video,decimal-leading-zero)>Setting up your artboard/h3>p classmt-2 text-sm text-slate-600>Learn how to create a new artboard and configure your grid and rulers for designing icons./p>/li>li classcounter-increment:video>div classrelative flex h-44 items-center justify-center rounded-2xl px-6 shadow-lg stylebackground-image:conic-gradient(from -49.8deg at 50% 50%, #7331FF 0deg, #00A3FF 59.07deg, #4E51FF 185.61deg, #39DBFF 284.23deg, #B84FF1 329.41deg, #7331FF 360deg)>div classflex overflow-hidden rounded shadow-sm>img src/screencasts/strokes.svg alt/>/div>div classabsolute bottom-2 left-2 flex items-center rounded-lg bg-black/30 px-1.5 py-0.5 text-sm text-white @supports(backdrop-filter:blur(0)):bg-white/10 @supports(backdrop-filter:blur(0)):backdrop-blur>svg aria-hiddentrue stroke-width1.5 stroke-linecapround stroke-linejoinround viewBox0 0 16 16 classh-4 w-4 fill-current stroke-current>path dM6.75 10.25v-4.5L10.25 8l-3.5 2.25Z>/path>circle cx8 cy8 r6.25 fillnone>/circle>/svg>time dateTime23m 25s classml-2>23:25/time>/div>/div>h3 classmt-8 text-base font-medium tracking-tight text-foreground before:mb-2 before:block before:font-mono before:text-sm before:text-slate-500 before:content-counter(video,decimal-leading-zero)>Designing your first icon/h3>p classmt-2 text-sm text-slate-600>Using basic shapes and boolean operations, learn how to design your own notification icon from scratch./p>/li>li classcounter-increment:video>div classrelative flex h-44 items-center justify-center rounded-2xl px-6 shadow-lg stylebackground-image:conic-gradient(from -49.8deg at 50% 50%, #7331FF 0deg, #00A3FF 59.07deg, #4E51FF 185.61deg, #39DBFF 284.23deg, #B84FF1 329.41deg, #7331FF 360deg)>div classflex overflow-hidden rounded shadow-sm>img src/screencasts/duotone.svg alt/>/div>div classabsolute bottom-2 left-2 flex items-center rounded-lg bg-black/30 px-1.5 py-0.5 text-sm text-white @supports(backdrop-filter:blur(0)):bg-white/10 @supports(backdrop-filter:blur(0)):backdrop-blur>svg aria-hiddentrue stroke-width1.5 stroke-linecapround stroke-linejoinround viewBox0 0 16 16 classh-4 w-4 fill-current stroke-current>path dM6.75 10.25v-4.5L10.25 8l-3.5 2.25Z>/path>circle cx8 cy8 r6.25 fillnone>/circle>/svg>time dateTime28m 44s classml-2>28:44/time>/div>/div>h3 classmt-8 text-base font-medium tracking-tight text-foreground before:mb-2 before:block before:font-mono before:text-sm before:text-slate-500 before:content-counter(video,decimal-leading-zero)>Advanced design techniques/h3>p classmt-2 text-sm text-slate-600>Learn the techniques you need to know to adapt your original icon to a modern duotone style./p>/li>/ol>/div>/section>aside idtestimonial-from-gerardo-stark aria-labelTestimonial from Gerardo Stark classrelative bg-slate-100 py-16 sm:py-32>div classtext-foreground/10>svg aria-hiddentrue classabsolute inset-0 h-full w-full>defs>pattern id:Rbl5: width128 height128 patternUnitsuserSpaceOnUse x50% patternTransformtranslate(0 80)>path dM0 128V.5H128 fillnone strokecurrentColor>/path>/pattern>/defs>rect width100% height100% fillurl(#:Rbl5:)>/rect>/svg>/div>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:px-2 relative>figure>div classflex text-foreground sm:justify-center>div classflex gap-1>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg aria-hiddentrue viewBox0 0 20 20 classh-5 w-5 fill-current>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>blockquote classmt-10 font-display text-4xl font-medium tracking-tight text-foreground sm:text-center>p>“I’ve tried to create my own icons in the past but quickly got frustrated and gave up. Now I sell my own custom icon sets online.”/p>/blockquote>figcaption classmt-10 flex items-center sm:justify-center>div classoverflow-hidden rounded-full bg-slate-200>img classh-12 w-12 object-cover src/avatars/avatar-2.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Gerardo Stark/div>div classmt-1 text-sm text-slate-600>Creator of Pandemicons/div>/div>/figcaption>/figure>/div>/aside>section idresources aria-labelledbyresources-title classscroll-mt-14 py-16 sm:scroll-mt-32 sm:py-20 lg:py-32>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-4xl lg:px-12>h2 classinline-flex items-center rounded-full px-4 py-1 text-primary ring-1 ring-inset ring-primary idresources-title>span classfont-mono text-sm aria-hiddentrue>03/span>span classml-3 h-3.5 w-px bg-primary/20>/span>span classml-3 text-base font-medium tracking-tight>Resources/span>/h2>p classmt-8 font-display text-4xl font-bold tracking-tight text-foreground>Tools and resources you can use to get started even faster and progress even further./p>p classmt-4 text-lg tracking-tight text-slate-700>Design assets, icon teardowns, and a community of fellow icon designers where you can ask questions, get feedback, and accelerate your learning./p>/div>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-7xl lg:px-8 mt-16>ol class-mx-3 grid grid-cols-1 gap-y-10 lg:grid-cols-3 lg:text-center xl:-mx-12 xl:divide-x xl:divide-slate-400/20>li classgrid auto-rows-min grid-cols-1 items-center gap-8 px-3 sm:grid-cols-2 sm:gap-y-10 lg:grid-cols-1 xl:px-12>div classrelative h-48 overflow-hidden rounded-2xl shadow-lg sm:h-60 lg:h-40>div classabsolute inset-0 flex items-center justify-center bg-radial-gradient(#2C313D_35%,#000)>img src/resources/figma.svg alt/>/div>/div>div>h3 classtext-base font-medium tracking-tight text-foreground>Figma icon templates/h3>p classmt-2 text-sm text-slate-600>Pefectly structured templates for quickly designing new icons at dozens of common sizes./p>/div>/li>li classgrid auto-rows-min grid-cols-1 items-center gap-8 px-3 sm:grid-cols-2 sm:gap-y-10 lg:grid-cols-1 xl:px-12>div classrelative h-48 overflow-hidden rounded-2xl shadow-lg sm:h-60 lg:h-40>div classabsolute inset-0 flex items-center justify-center>img classabsolute inset-0 h-full w-full object-cover src/resources/abstract-background.png alt sizes(min-width: 1280px) 21rem, (min-width: 1024px) 33vw, (min-width: 768px) 19rem, (min-width: 640px) 50vw, 100vw/>img classrelative src/resources/video-player.svg alt/>/div>/div>div>h3 classtext-base font-medium tracking-tight text-foreground>Weekly icon teardowns/h3>p classmt-2 text-sm text-slate-600>Weekly videos where we dissect and recreate beautiful icons we find on the web./p>/div>/li>li classgrid auto-rows-min grid-cols-1 items-center gap-8 px-3 sm:grid-cols-2 sm:gap-y-10 lg:grid-cols-1 xl:px-12>div classrelative h-48 overflow-hidden rounded-2xl shadow-lg sm:h-60 lg:h-40>div classabsolute inset-0 flex items-center justify-center bg-#6366F1>img src/resources/discord.svg alt/>/div>/div>div>h3 classtext-base font-medium tracking-tight text-foreground>Community of icon designers/h3>p classmt-2 text-sm text-slate-600>A private Discord server where you can get help and give feedback on each others' work./p>/div>/li>/ol>/div>/section>section idfree-chapters aria-labelFree preview classscroll-mt-14 bg-primary sm:scroll-mt-32>div classoverflow-hidden lg:relative>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-5xl lg:px-8 relative grid grid-cols-1 items-end gap-y-12 py-20 lg:static lg:grid-cols-2 lg:py-28 xl:py-32>svg aria-hiddentrue width432 height184 classabsolute -top-32 left-0 w-full sm:-top-5 sm:left-3/4 sm:ml-8 sm:w-auto md:left-2/3 lg:left-auto lg:right-2 lg:ml-0 xl:left-2/3 xl:right-auto>defs>symbol id:Rcl5:-0 width40 height40>rect classfill-primary/90 width40 height40>/rect>circle classfill-sky-600 cx20 cy20 r13>/circle>/symbol>symbol id:Rcl5:-1 width40 height40>circle classfill-sky-300 cx20 cy20 r20>/circle>rect classfill-sky-600 width20 height20 x10 y10>/rect>/symbol>/defs>use href#:Rcl5:-0 x0 y0>/use>use href#:Rcl5:-1 x56 y0>/use>use href#:Rcl5:-0 x112 y0>/use>use href#:Rcl5:-1 x168 y0>/use>use href#:Rcl5:-1 x224 y0>/use>use href#:Rcl5:-0 x280 y0>/use>use href#:Rcl5:-1 x336 y0>/use>use href#:Rcl5:-0 x392 y0>/use>use href#:Rcl5:-1 x0 y48>/use>use href#:Rcl5:-0 x56 y48>/use>use href#:Rcl5:-1 x112 y48>/use>use href#:Rcl5:-1 x168 y48>/use>use href#:Rcl5:-0 x224 y48>/use>use href#:Rcl5:-0 x280 y48>/use>use href#:Rcl5:-0 x336 y48>/use>use href#:Rcl5:-1 x392 y48>/use>use href#:Rcl5:-0 x0 y96>/use>use href#:Rcl5:-1 x56 y96>/use>use href#:Rcl5:-0 x112 y96>/use>use href#:Rcl5:-1 x168 y96>/use>use href#:Rcl5:-1 x224 y96>/use>use href#:Rcl5:-0 x280 y96>/use>use href#:Rcl5:-1 x336 y96>/use>use href#:Rcl5:-0 x392 y96>/use>use href#:Rcl5:-1 x0 y144>/use>use href#:Rcl5:-0 x56 y144>/use>use href#:Rcl5:-1 x112 y144>/use>use href#:Rcl5:-1 x168 y144>/use>use href#:Rcl5:-0 x224 y144>/use>use href#:Rcl5:-0 x280 y144>/use>use href#:Rcl5:-0 x336 y144>/use>use href#:Rcl5:-1 x392 y144>/use>/svg>div>h2 classfont-display text-5xl font-extrabold tracking-tight text-white sm:w-3/4 sm:text-6xl md:w-2/3 lg:w-auto>Get the free sample chapters/h2>p classmt-4 text-lg tracking-tight text-background/60>Enter your email address and I’ll send you a sample from the book containing two of my favorite chapters./p>/div>form classlg:pl-16>h3 classtext-base font-medium tracking-tight text-white>Get two free chapters straight to your inbox!-- --> span aria-hiddentrue>→/span>/h3>div classmt-4 sm:relative sm:flex sm:items-center sm:py-0.5 sm:pr-2.5>div classrelative sm:static sm:flex-auto>input typeemail idemail-address required aria-labelEmail address placeholderEmail address classpeer relative z-10 w-full appearance-none bg-transparent px-4 py-2 text-base text-white placeholder:text-white/70 focus:outline-none sm:py-3/>div classabsolute inset-0 rounded-md border border-white/20 peer-focus:border-blue-300 peer-focus:bg-blue-500 peer-focus:ring-1 peer-focus:ring-blue-300 sm:rounded-xl>/div>/div>button classinline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 mt-4 w-full sm:relative sm:z-10 sm:mt-0 sm:w-auto sm:flex-none typesubmit>Get free chapters/button>/div>/form>/div>/div>/section>section classpy-8 sm:py-10 lg:py-16>div classmx-auto px-4 sm:px-6 md:max-w-2xl md:px-4 lg:max-w-4xl lg:px-12 text-center>h2 classfont-display text-4xl font-bold tracking-tight text-foreground>Some kind words from early customers.../h2>p classmt-4 text-lg tracking-tight text-slate-600>I worked with a small group of early access customers to make sure all of the content in the book was exactly what they needed. Hears what they had to say about the finished product./p>/div>div classgroup mt-16>ul classmx-auto grid max-w-2xl grid-cols-1 gap-8 px-4 lg:max-w-7xl lg:grid-cols-3 lg:px-8>li classlg:hidden>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>Mira’s teaching style is second to none. Everything was easy to follow every step of the way./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-3.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Antonio Littel/div>div classmt-1 text-sm text-slate-600>Frontend Developer/div>/div>/figcaption>/figure>/li>li classlg:hidden>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>I run an ecommerce store selling rare vintage gummy bears and could never find a good gummy bear icon. Now I can design my own in minutes./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-7.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Cameron Considine/div>div classmt-1 text-sm text-slate-600>Entrepreneur/div>/div>/figcaption>/figure>/li>li classlg:hidden>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>I couldn’t believe how fast Mira moved in Figma compared to my own workflow. I’m designing icons more accurately in half the time with the shortcuts I learned from her videos./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-5.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Steven Hackett/div>div classmt-1 text-sm text-slate-600>Bootcamp Instructor/div>/div>/figcaption>/figure>/li>li classhidden group-data-expanded:list-item lg:list-item>ul>li classhidden lg:list-item>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>Mira’s teaching style is second to none. Everything was easy to follow every step of the way./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-3.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Antonio Littel/div>div classmt-1 text-sm text-slate-600>Frontend Developer/div>/div>/figcaption>/figure>/li>li classlg:mt-8>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>Even though I was excited to learn, I was pessimistic that I wouldn’t actually ever get good enough to design my own icons. I was wrong — this book is all I needed./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-4.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Lynn Nolan/div>div classmt-1 text-sm text-slate-600>Growth Marketer/div>/div>/figcaption>/figure>/li>/ul>/li>li classhidden group-data-expanded:list-item lg:list-item>ul>li classhidden lg:list-item>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>I run an ecommerce store selling rare vintage gummy bears and could never find a good gummy bear icon. Now I can design my own in minutes./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-7.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Cameron Considine/div>div classmt-1 text-sm text-slate-600>Entrepreneur/div>/div>/figcaption>/figure>/li>li classlg:mt-8>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>The complete package is worth it for the weekly teardown videos alone. I’ve learned so much watching Mira take apart other icons and recreate them from scratch./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-11.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Regina Wisoky/div>div classmt-1 text-sm text-slate-600>Design Student/div>/div>/figcaption>/figure>/li>/ul>/li>li classhidden group-data-expanded:list-item lg:list-item>ul>li classhidden lg:list-item>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>I couldn’t believe how fast Mira moved in Figma compared to my own workflow. I’m designing icons more accurately in half the time with the shortcuts I learned from her videos./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-5.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Steven Hackett/div>div classmt-1 text-sm text-slate-600>Bootcamp Instructor/div>/div>/figcaption>/figure>/li>li classlg:mt-8>figure classrounded-4xl p-8 shadow-md ring-1 ring-slate-900/5>blockquote>p classtext-lg tracking-tight text-foreground before:content-'“' after:content-'”'>I never thought I would enjoy designing icons but using the ideas in this book, it’s become a great way for me to relax while still being creative./p>/blockquote>figcaption classmt-6 flex items-center>div classoverflow-hidden rounded-full bg-slate-50>img classh-12 w-12 object-cover src/avatars/avatar-10.png alt width48 height48/>/div>div classml-4>div classtext-base font-medium leading-6 tracking-tight text-foreground>Carla Schoen/div>div classmt-1 text-sm text-slate-600>Startup Founder/div>/div>/figcaption>/figure>/li>/ul>/li>/ul>div classmt-10 flex justify-center>button typebutton classflex items-center text-base font-medium tracking-tight text-foreground hover:text-slate-700>Read more testimonialssvg aria-hiddentrue viewBox0 0 24 24 classml-2 h-6 w-6>path dm17 14-5 5-5-5M12 18.5V5 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround>/path>/svg>/button>/div>/div>/section>section idauthor aria-labelledbyauthor-title classrelative scroll-mt-14 pb-3 pt-8 sm:scroll-mt-32 sm:pb-16 sm:pt-10 lg:pt-16>div classabsolute inset-x-0 bottom-0 top-1/2 text-foreground/10 mask-image:linear-gradient(transparent,white)>svg aria-hiddentrue classabsolute inset-0 h-full w-full>defs>pattern id:Rdl5: width128 height128 patternUnitsuserSpaceOnUse x50% y100%>path dM0 128V.5H128 fillnone strokecurrentColor>/path>/pattern>/defs>rect width100% height100% fillurl(#:Rdl5:)>/rect>/svg>/div>div classrelative mx-auto max-w-5xl pt-16 sm:px-6>div classbg-slate-50 pt-px sm:rounded-6xl>div classrelative mx-auto -mt-16 h-44 w-44 overflow-hidden rounded-full bg-slate-200 md:float-right md:h-64 md:w-64 md:shape-outside:circle(40%) lg:mr-20 lg:h-72 lg:w-72>img classabsolute inset-0 h-full w-full object-cover src/avatars/author.png alt sizes(min-width: 1024px) 18rem, (min-width: 768px) 16rem, 11rem/>/div>div classpx-4 py-10 sm:px-10 sm:py-16 md:py-20 lg:px-20 lg:py-32>h2 classinline-flex items-center rounded-full px-4 py-1 text-primary ring-1 ring-inset ring-primary idauthor-title>span classfont-mono text-sm aria-hiddentrue>04/span>span classml-3 h-3.5 w-px bg-primary/20>/span>span classml-3 text-base font-medium tracking-tight>Author/span>/h2>p classmt-8 font-display text-5xl font-extrabold tracking-tight text-foreground sm:text-6xl>span classblock text-primary>Tom Whitaker —/span> Hey there, I'm the author behind 'Everything Starts as a Square'./p>p classmt-4 text-lg tracking-tight text-slate-700>I've been designing icons professionally for over a decade and have worked with dozens of the biggest brands to create custom sets for their products. I'm an accomplished conference speaker, and have been teaching icon design workshops every month for the last three years. I've worked with designers of all skill levels and honed my way of teaching to really click for anyone who has the itch to start designing their own icons./p>p classmt-8>a classinline-flex items-center text-base font-medium tracking-tight text-foreground href/>svg aria-hiddentrue viewBox0 0 24 24 classh-10 w-10 fill-current>path dM13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8132L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z>/path>/svg>span classml-4>Follow on X/span>/a>/p>/div>/div>/div>/section>footer classrelative pb-20 pt-5 sm:pb-32 sm:pt-14>div classabsolute inset-x-0 top-0 h-32 text-foreground/10 mask-image:linear-gradient(white,transparent)>svg aria-hiddentrue classabsolute inset-0 h-full w-full>defs>pattern id:Re55: width128 height128 patternUnitsuserSpaceOnUse x50%>path dM0 128V.5H128 fillnone strokecurrentColor>/path>/pattern>/defs>rect width100% height100% fillurl(#:Re55:)>/rect>/svg>/div>div classrelative text-center text-sm text-slate-600>p>Copyright © !-- -->2026!-- --> BuildCaptive Inc./p>p>All rights reserved./p>/div>/footer>script>window.ENV  {MODE:production,GA_TRACKING_ID:G-W911K204JZ}/script>script>((STORAGE_KEY2, restoreKey) > {    if (!window.history.state || !window.history.state.key) {      let key2  Math.random().toString(32).slice(2);      window.history.replaceState({        key: key2      }, );    }    try {      let positions  JSON.parse(sessionStorage.getItem(STORAGE_KEY2) || {});      let storedY  positionsrestoreKey || window.history.state.key;      if (typeof storedY  number) {        window.scrollTo(0, storedY);      }    } catch (error) {      console.error(error);      sessionStorage.removeItem(STORAGE_KEY2);    }  })(positions, null)/script>link relmodulepreload href/assets/manifest-cbbf59fa.js/>link relmodulepreload href/assets/entry.client-Duqv6MTc.js/>link relmodulepreload href/assets/components-Bq19in-6.js/>link relmodulepreload href/assets/honeypot-DzKB1GNQ.js/>link relmodulepreload href/assets/misc-BDGS92DY.js/>link relmodulepreload href/assets/root-DNkvMUvM.js/>link relmodulepreload href/assets/Container-De6E5dou.js/>link relmodulepreload href/assets/button-BpqjK-Zp.js/>link relmodulepreload href/assets/constants-C_dlFbmv.js/>link relmodulepreload href/assets/_index-DgOsWwat.js/>script>window.__remixContext  {url:/,basename:/,future:{v3_fetcherPersist:false,v3_relativeSplatPath:false,v3_throwAbortReason:false,unstable_singleFetch:false},isSpaMode:false,state:{loaderData:{root:{ENV:{MODE:production,GA_TRACKING_ID:G-W911K204JZ},honeyProps:{nameFieldName:name__confirm,validFromFieldName:from__confirm,encryptedValidFrom:U2FsdGVkX189mbXIfK61yc2YvZaZOmeHgo/1+V10c6A},requestInfo:{hints:{theme:light,timeZone:UTC}}},routes/_index:{user:null}},actionData:null,errors:null}};/script>script typemodule async>import /assets/manifest-cbbf59fa.js;import * as route0 from /assets/root-DNkvMUvM.js;import * as route1 from /assets/_index-DgOsWwat.js;window.__remixRouteModules  {root:route0,routes/_index:route1};import(/assets/entry.client-Duqv6MTc.js);/script>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > aiconstructionguide.com

Is this malicious?

DNS Resolutions

Port 80

Port 443