Brand assets
999 files · 12.6 MB · v1.2.0 · built 2026-04
01-logo-full
Marketing, decks, email signatures, website hero. The default mark.
- magicblocks-logo-full-dark.png
- magicblocks-logo-full-dark@2x.png
- magicblocks-logo-full-dark@3x.png
- magicblocks-logo-full-light.png
- magicblocks-logo-full-light@2x.png
- magicblocks-logo-full-light@3x.png
- magicblocks-logo-full-mono-black.png
- magicblocks-logo-full-mono-black@2x.png
- magicblocks-logo-full-mono-black@3x.png
- magicblocks-logo-full-mono-white.png
- magicblocks-logo-full-mono-white@2x.png
- magicblocks-logo-full-mono-white@3x.png
- magicblocks-logo-full-color.svg
Full lockup, colour icon + dark (#191E32) wordmark. Same as -light.
- magicblocks-logo-full-dark.svg
Full lockup for dark backgrounds. Colour icon + white wordmark.
- magicblocks-logo-full-light.svg
Full lockup for light backgrounds. Colour icon + dark wordmark.
- magicblocks-logo-full-mono-black.svg
Full lockup, single-colour navy (#191E32). Use on light bg where colour isn't available.
- magicblocks-logo-full-mono-white.svg
Full lockup, single-colour white. Use on dark bg where colour isn't available.
02-icon
App icons, avatars, favicon source, standalone mark where a wordmark would be too much.
- magicblocks-icon-color.png
- magicblocks-icon-color@2x.png
- magicblocks-icon-color@3x.png
- magicblocks-icon-mono-black.png
- magicblocks-icon-mono-black@2x.png
- magicblocks-icon-mono-black@3x.png
- magicblocks-icon-mono-white.png
- magicblocks-icon-mono-white@2x.png
- magicblocks-icon-mono-white@3x.png
- magicblocks-icon-color.svg
Icon only (four coloured cubes). App icon / social avatar / favicon source.
- magicblocks-icon-mono-black.svg
Icon only, flat navy (#191E32). Single-colour on light bg.
- magicblocks-icon-mono-white.svg
Icon only, flat white. Single-colour on dark bg.
03-wordmark
Typography-only lockups — press, footers, where the icon is used separately.
- magicblocks-wordmark-dark.png
- magicblocks-wordmark-dark@2x.png
- magicblocks-wordmark-dark@3x.png
- magicblocks-wordmark-light.png
- magicblocks-wordmark-light@2x.png
- magicblocks-wordmark-light@3x.png
- magicblocks-wordmark-dark.svg
Wordmark only in white — typography-only use on dark bg.
- magicblocks-wordmark-light.svg
Wordmark only in navy (#191E32) — typography-only use on light bg.
04-favicon-app-icon
Drop into a website <head> or a PWA manifest.
- android-chrome-192.png
192×192 Android/Chrome icon (PWA manifest).
- android-chrome-512.png
512×512 Android/Chrome icon (PWA manifest).
- apple-touch-icon-180.png
180×180 Apple touch icon (<link rel="apple-touch-icon">).
- favicon-16.png
16×16 favicon.
- favicon-32.png
32×32 favicon.
- favicon-48.png
48×48 favicon.
- favicon.ico
Multi-resolution ICO (16/24/32/48/64/128/256). Classic <link rel="icon">.
- magicblocks-icon-128.png
128×128 colour icon. Handy for buttons / mid-size UI.
- magicblocks-icon-256.png
256×256 colour icon. Source for the favicon.ico bundle.
- magicblocks-icon-64.png
64×64 colour icon. Handy for toolbars.
- magicblocks-icon-maskable-512.png
512×512 PWA maskable icon (padded, solid bg). Use with "purpose":"maskable".
05-source
Originals / high-fidelity reference — not for day-to-day use.
- magicblocks-pattern.png
Original decorative block-pattern raster from source files.
06-brand-assets
Ready-to-use branded artefacts — banner, cards, colour chart, email signature, type specimen, social avatars. Plus 36 Figma-ready media templates (video stills, slide decks, social squares, portrait and story frames) in the media-templates/ subfolder. Plus 23 scalable SVG backgrounds (blocks, dots, grid, isometric, hash, bloom, mega-cube, stripes — in warm, ink, and pink variants) in the backgrounds/ subfolder. Plus founder portraits in 06-brand-assets/founders/, customer logos in 06-brand-assets/customers/, integration partner marks in 06-brand-assets/integrations/, and press / media outlet logos in 06-brand-assets/press/ — each provided in two web-ready sizes plus the original master.
- bg-blocks-ink.svg
MagicBlocks mark tiled across the canvas — signature decorative background for editorial pages. (ink-navy surface, warm-cream pattern).
- bg-blocks-pink.svg
MagicBlocks mark tiled across the canvas — signature decorative background for editorial pages. (pink-accent surface, white pattern).
- bg-blocks-warm.svg
MagicBlocks mark tiled across the canvas — signature decorative background for editorial pages. (warm-cream surface, ink-toned pattern).
- bg-bloom-ink.svg
Dot grid with brand-accent radial gradients — atmospheric hero backdrop. (ink-navy surface, warm-cream pattern).
- bg-bloom-pink.svg
Dot grid with brand-accent radial gradients — atmospheric hero backdrop. (pink-accent surface, white pattern).
- bg-bloom-warm.svg
Dot grid with brand-accent radial gradients — atmospheric hero backdrop. (warm-cream surface, ink-toned pattern).
- bg-dots-ink.svg
Subtle dot grid — technical backdrop for forms, dashboards, hero sections that don't need chrome. (ink-navy surface, warm-cream pattern).
- bg-dots-pink.svg
Subtle dot grid — technical backdrop for forms, dashboards, hero sections that don't need chrome. (pink-accent surface, white pattern).
- bg-dots-warm.svg
Subtle dot grid — technical backdrop for forms, dashboards, hero sections that don't need chrome. (warm-cream surface, ink-toned pattern).
- bg-grid-ink.svg
Square grid lines — blueprint feel; pairs well with technical copy and code snippets. (ink-navy surface, warm-cream pattern).
- bg-grid-pink.svg
Square grid lines — blueprint feel; pairs well with technical copy and code snippets. (pink-accent surface, white pattern).
- bg-grid-warm.svg
Square grid lines — blueprint feel; pairs well with technical copy and code snippets. (warm-cream surface, ink-toned pattern).
- bg-hash-ink.svg
Diagonal hash — the brand's default demo-stage texture, at full page scale. (ink-navy surface, warm-cream pattern).
- bg-hash-pink.svg
Diagonal hash — the brand's default demo-stage texture, at full page scale. (pink-accent surface, white pattern).
- bg-hash-warm.svg
Diagonal hash — the brand's default demo-stage texture, at full page scale. (warm-cream surface, ink-toned pattern).
- bg-iso-grid-ink.svg
Isometric 60° grid — architectural/system vibe; good for 'under the hood' pages. (ink-navy surface, warm-cream pattern).
- bg-iso-grid-pink.svg
Isometric 60° grid — architectural/system vibe; good for 'under the hood' pages. (pink-accent surface, white pattern).
- bg-iso-grid-warm.svg
Isometric 60° grid — architectural/system vibe; good for 'under the hood' pages. (warm-cream surface, ink-toned pattern).
- bg-mega-ink.svg
One large isometric MagicBlocks cube as an editorial centrepiece; dot-grid backdrop. (ink-navy surface, warm-cream pattern).
- bg-mega-warm.svg
One large isometric MagicBlocks cube as an editorial centrepiece; dot-grid backdrop. (warm-cream surface, ink-toned pattern).
- bg-stripes-ink.svg
Rotated thin colour bands — graphic, editorial; use sparingly as a feature background. (ink-navy surface, warm-cream pattern).
- bg-stripes-pink.svg
Rotated thin colour bands — graphic, editorial; use sparingly as a feature background. (pink-accent surface, white pattern).
- bg-stripes-warm.svg
Rotated thin colour bands — graphic, editorial; use sparingly as a feature background. (warm-cream surface, ink-toned pattern).
- aqr-funds-240.png
Customer logo — AQR Funds, 240px wide, web-ready PNG.
- aqr-funds-480.png
Customer logo — AQR Funds, 480px wide, web-ready PNG.
- auto-king-240.png
Customer logo — Auto King, 240px wide, web-ready PNG.
- auto-king-480.png
Customer logo — Auto King, 480px wide, web-ready PNG.
- beeline-240.png
Customer logo — Beeline, 240px wide, web-ready PNG.
- beeline-480.png
Customer logo — Beeline, 480px wide, web-ready PNG.
- careabout-240.png
Customer logo — Careabout, 240px wide, web-ready PNG.
- careabout-480.png
Customer logo — Careabout, 480px wide, web-ready PNG.
- carmel-cares-240.png
Customer logo — Carmel Cares, 240px wide, web-ready PNG.
- carmel-cares-480.png
Customer logo — Carmel Cares, 480px wide, web-ready PNG.
- chase-foreclosures-240.png
Customer logo — Chase Foreclosures, 240px wide, web-ready PNG.
- chase-foreclosures-480.png
Customer logo — Chase Foreclosures, 480px wide, web-ready PNG.
- cloudraya-240.png
Customer logo — Cloudraya, 240px wide, web-ready PNG.
- cloudraya-480.png
Customer logo — Cloudraya, 480px wide, web-ready PNG.
- cmg-financial-240.png
Customer logo — CMG Financial, 240px wide, web-ready PNG.
- cmg-financial-480.png
Customer logo — CMG Financial, 480px wide, web-ready PNG.
- f5-mortgage-240.png
Customer logo — F5 Mortgage, 240px wide, web-ready PNG.
- f5-mortgage-480.png
Customer logo — F5 Mortgage, 480px wide, web-ready PNG.
- fair-go-finance-240.png
Customer logo — Fair Go Finance, 240px wide, web-ready PNG.
- fair-go-finance-480.png
Customer logo — Fair Go Finance, 480px wide, web-ready PNG.
- farmers-bank-of-kansas-city-mortgage-240.png
Customer logo — Farmers Bank of Kansas City Mortgage, 240px wide, web-ready PNG.
- farmers-bank-of-kansas-city-mortgage-480.png
Customer logo — Farmers Bank of Kansas City Mortgage, 480px wide, web-ready PNG.
- itrack-240.png
Customer logo — iTrack, 240px wide, web-ready PNG.
- itrack-480.png
Customer logo — iTrack, 480px wide, web-ready PNG.
- jbl-construct-240.png
Customer logo — JBL Construct, 240px wide, web-ready PNG.
- jbl-construct-480.png
Customer logo — JBL Construct, 480px wide, web-ready PNG.
- lemonbot-creative-240.png
Customer logo — LemonBot Creative, 240px wide, web-ready PNG.
- lemonbot-creative-480.png
Customer logo — LemonBot Creative, 480px wide, web-ready PNG.
- midwest-mortgage-lending-240.png
Customer logo — Midwest Mortgage Lending, 240px wide, web-ready PNG.
- midwest-mortgage-lending-480.png
Customer logo — Midwest Mortgage Lending, 480px wide, web-ready PNG.
- muval-240.png
Customer logo — Muval, 240px wide, web-ready PNG.
- muval-480.png
Customer logo — Muval, 480px wide, web-ready PNG.
- nimble-lender-240.png
Customer logo — Nimble Lender, 240px wide, web-ready PNG.
- nimble-lender-480.png
Customer logo — Nimble Lender, 480px wide, web-ready PNG.
- aqr-funds.png
Customer logo — AQR Funds, original master.
- auto-king.png
Customer logo — Auto King, original master.
- beeline.png
Customer logo — Beeline, original master.
- careabout.png
Customer logo — Careabout, original master.
- carmel-cares.png
Customer logo — Carmel Cares, original master.
- chase-foreclosures.png
Customer logo — Chase Foreclosures, original master.
- cloudraya.png
Customer logo — Cloudraya, original master.
- cmg-financial.png
Customer logo — CMG Financial, original master.
- f5-mortgage.png
Customer logo — F5 Mortgage, original master.
- fair-go-finance.png
Customer logo — Fair Go Finance, original master.
- farmers-bank-of-kansas-city-mortgage.png
Customer logo — Farmers Bank of Kansas City Mortgage, original master.
- itrack.png
Customer logo — iTrack, original master.
- jbl-construct.png
Customer logo — JBL Construct, original master.
- lemonbot-creative.png
Customer logo — LemonBot Creative, original master.
- midwest-mortgage-lending.png
Customer logo — Midwest Mortgage Lending, original master.
- muval.png
Customer logo — Muval, original master.
- nimble-lender.png
Customer logo — Nimble Lender, original master.
- the-cedrick-forrest-law-firm.png
Customer logo — The Cedrick Forrest Law Firm, original master.
- the-doce-mortgage-group.png
Customer logo — The Doce Mortgage Group, original master.
- waterbom-bali.png
Customer logo — Waterbom Bali, original master.
- wellington.png
Customer logo — Wellington, original master.
- the-cedrick-forrest-law-firm-240.png
Customer logo — The Cedrick Forrest Law Firm, 240px wide, web-ready PNG.
- the-cedrick-forrest-law-firm-480.png
Customer logo — The Cedrick Forrest Law Firm, 480px wide, web-ready PNG.
- the-doce-mortgage-group-240.png
Customer logo — The Doce Mortgage Group, 240px wide, web-ready PNG.
- the-doce-mortgage-group-480.png
Customer logo — The Doce Mortgage Group, 480px wide, web-ready PNG.
- waterbom-bali-240.png
Customer logo — Waterbom Bali, 240px wide, web-ready PNG.
- waterbom-bali-480.png
Customer logo — Waterbom Bali, 480px wide, web-ready PNG.
- wellington-240.png
Customer logo — Wellington, 240px wide, web-ready PNG.
- wellington-480.png
Customer logo — Wellington, 480px wide, web-ready PNG.
- jay-stockwell-400.png
Founder portrait — Jay Stockwell, 400×400px square headshot, web-ready PNG.
- jay-stockwell-800.png
Founder portrait — Jay Stockwell, 800×800px square headshot, web-ready PNG.
- jay-stockwell.png
Founder portrait — Jay Stockwell, original 1060×1060 master.
- sean-clark.png
Founder portrait — Sean Clark, original 1060×1060 master.
- sean-clark-400.png
Founder portrait — Sean Clark, 400×400px square headshot, web-ready PNG.
- sean-clark-800.png
Founder portrait — Sean Clark, 800×800px square headshot, web-ready PNG.
- cal-com-160.png
Integration partner mark — Cal.com, 160px size, web-ready.
- cal-com-320.png
Integration partner mark — Cal.com, 320px size, web-ready.
- cal-com-80.png
Integration partner mark — Cal.com, 80px size, web-ready.
- calendly-160.png
Integration partner mark — Calendly, 160px size, web-ready.
- calendly-320.png
Integration partner mark — Calendly, 320px size, web-ready.
- calendly-80.png
Integration partner mark — Calendly, 80px size, web-ready.
- calendly-wordmark.svg
Integration partner mark — Calendly (wordmark), nullpx size, web-ready.
- gohighlevel-160.png
Integration partner mark — GoHighLevel, 160px size, web-ready.
- gohighlevel-320.png
Integration partner mark — GoHighLevel, 320px size, web-ready.
- gohighlevel-80.png
Integration partner mark — GoHighLevel, 80px size, web-ready.
- gohighlevel-wordmark-160.png
Integration partner mark — GoHighLevel (wordmark), 160px size, web-ready.
- gohighlevel-wordmark-320.png
Integration partner mark — GoHighLevel (wordmark), 320px size, web-ready.
- gohighlevel-wordmark-80.png
Integration partner mark — GoHighLevel (wordmark), 80px size, web-ready.
- google-analytics-160.png
Integration partner mark — Google Analytics, 160px size, web-ready.
- google-analytics-320.png
Integration partner mark — Google Analytics, 320px size, web-ready.
- google-analytics-80.png
Integration partner mark — Google Analytics, 80px size, web-ready.
- google-calendar-160.png
Integration partner mark — Google Calendar, 160px size, web-ready.
- google-calendar-320.png
Integration partner mark — Google Calendar, 320px size, web-ready.
- google-calendar-80.png
Integration partner mark — Google Calendar, 80px size, web-ready.
- google-drive-160.png
Integration partner mark — Google Drive, 160px size, web-ready.
- google-drive-320.png
Integration partner mark — Google Drive, 320px size, web-ready.
- google-drive-80.png
Integration partner mark — Google Drive, 80px size, web-ready.
- hubspot-160.png
Integration partner mark — HubSpot, 160px size, web-ready.
- hubspot-320.png
Integration partner mark — HubSpot, 320px size, web-ready.
- hubspot-80.png
Integration partner mark — HubSpot, 80px size, web-ready.
- cal-com.png
Integration partner mark — Cal.com, original master.
- calendly-wordmark.svg
Integration partner mark — Calendly (wordmark), original master.
- calendly.png
Integration partner mark — Calendly, original master.
- gohighlevel-wordmark.png
Integration partner mark — GoHighLevel (wordmark), original master.
- gohighlevel.png
Integration partner mark — GoHighLevel, original master.
- google-analytics.png
Integration partner mark — Google Analytics, original master.
- google-calendar.png
Integration partner mark — Google Calendar, original master.
- google-drive.png
Integration partner mark — Google Drive, original master.
- hubspot.png
Integration partner mark — HubSpot, original master.
- outlook.png
Integration partner mark — Outlook, original master.
- relcu.png
Integration partner mark — Relcu, original master.
- twilio.png
Integration partner mark — Twilio, original master.
- zapier.png
Integration partner mark — Zapier, original master.
- outlook-160.png
Integration partner mark — Outlook, 160px size, web-ready.
- outlook-320.png
Integration partner mark — Outlook, 320px size, web-ready.
- outlook-80.png
Integration partner mark — Outlook, 80px size, web-ready.
- relcu-160.png
Integration partner mark — Relcu, 160px size, web-ready.
- relcu-320.png
Integration partner mark — Relcu, 320px size, web-ready.
- relcu-80.png
Integration partner mark — Relcu, 80px size, web-ready.
- twilio-160.png
Integration partner mark — Twilio, 160px size, web-ready.
- twilio-320.png
Integration partner mark — Twilio, 320px size, web-ready.
- twilio-80.png
Integration partner mark — Twilio, 80px size, web-ready.
- zapier-160.png
Integration partner mark — Zapier, 160px size, web-ready.
- zapier-320.png
Integration partner mark — Zapier, 320px size, web-ready.
- zapier-80.png
Integration partner mark — Zapier, 80px size, web-ready.
- magicblocks-banner-1600x400.svg
1600×400 hero banner with the tagline 'Every lead. Every time.' — use for LinkedIn / site hero / OG images.
- magicblocks-business-card-back.svg
Business card back (3.5×2in). Icon on navy with block-pattern accents.
- magicblocks-business-card-front.svg
Business card front (3.5×2in). Contact-block layout ready to edit names/titles.
- magicblocks-colour-chart.svg
Full brand palette chart (ink / pink / yellow / green / blue / warm neutrals) with hex codes.
- magicblocks-email-signature.html
HTML email signature template. Table-based so it renders in every email client.
- magicblocks-social-avatar-512.svg
512×512 circular social avatar (for profile pictures).
- magicblocks-social-avatar-square-512.svg
512×512 square social avatar (icon on brand colour — LinkedIn cover, X banners).
- magicblocks-type-specimen.svg
Typography specimen showing Bricolage Grotesque + DM Sans + JetBrains Mono in their brand roles.
- magicblocks-media-p-agenda-1920x1080.svg
P · Agenda · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-before-after-1920x1080.svg
P · Before / after · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-close-1920x1080.svg
P · Close · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-cover-1920x1080.svg
P · Cover · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-customer-quote-1920x1080.svg
P · Customer quote · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-divider-1920x1080.svg
P · Divider · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-product-1920x1080.svg
P · Product · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-stat-1920x1080.svg
P · Stat · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-team-1920x1080.svg
P · Team · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p-three-pillars-1920x1080.svg
P · Three pillars · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p45-01-cover-1080x1350.svg
01 · Cover · 1080×1350 (4:5) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p45-02-steps-1080x1350.svg
02 · Steps · 1080×1350 (4:5) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p45-03-product-1080x1350.svg
03 · Product · 1080×1350 (4:5) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-p45-04-author-1080x1350.svg
04 · Author · 1080×1350 (4:5) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-01-hook-1080x1080.svg
01 · Hook · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-02-tip-1080x1080.svg
02 · Tip · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-03-tip-1080x1080.svg
03 · Tip · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-04-compare-1080x1080.svg
04 · Compare · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-05-stat-1080x1080.svg
05 · Stat · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-06-quote-1080x1080.svg
06 · Quote · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-07-list-1080x1080.svg
07 · List · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-08-cta-1080x1080.svg
08 · CTA · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-sq-09-summary-1080x1080.svg
09 · Summary · 1080×1080 (1:1) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-st-01-hook-1080x1920.svg
01 · Hook · 1080×1920 (9:16) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-st-02-stat-1080x1920.svg
02 · Stat · 1080×1920 (9:16) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-st-03-cta-1080x1920.svg
03 · CTA · 1080×1920 (9:16) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-st-04-quote-1080x1920.svg
04 · Quote · 1080×1920 (9:16) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-caption-1920x1080.svg
V · Caption · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-chapter-1920x1080.svg
V · Chapter · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-demo-1920x1080.svg
V · Demo · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-lower-third-1920x1080.svg
V · Lower-third · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-outro-1920x1080.svg
V · Outro · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-pullquote-1920x1080.svg
V · Pull-quote · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-stat-1920x1080.svg
V · Stat · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-title-ink-1920x1080.svg
V · Title · ink · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- magicblocks-media-v-title-warm-1920x1080.svg
V · Title · warm · 1920×1080 (16:9) Figma-ready media template. Drag into Figma to import as a named frame with editable text.
- benzinga-200.png
Press / media outlet logo — Benzinga, 200px wide, web-ready PNG.
- benzinga-400.png
Press / media outlet logo — Benzinga, 400px wide, web-ready PNG.
- fundz-200.png
Press / media outlet logo — Fundz, 200px wide, web-ready PNG.
- fundz-400.png
Press / media outlet logo — Fundz, 400px wide, web-ready PNG.
- global-newswire-200.png
Press / media outlet logo — Global Newswire, 200px wide, web-ready PNG.
- global-newswire-400.png
Press / media outlet logo — Global Newswire, 400px wide, web-ready PNG.
- investing-com-200.png
Press / media outlet logo — Investing.com, 200px wide, web-ready PNG.
- investing-com-400.png
Press / media outlet logo — Investing.com, 400px wide, web-ready PNG.
- marketscreener-com-200.png
Press / media outlet logo — MarketScreener.com, 200px wide, web-ready PNG.
- marketscreener-com-400.png
Press / media outlet logo — MarketScreener.com, 400px wide, web-ready PNG.
- nasdaq-200.png
Press / media outlet logo — NASDAQ, 200px wide, web-ready PNG.
- nasdaq-400.png
Press / media outlet logo — NASDAQ, 400px wide, web-ready PNG.
- national-mortgage-news-200.png
Press / media outlet logo — National Mortgage News, 200px wide, web-ready PNG.
- national-mortgage-news-400.png
Press / media outlet logo — National Mortgage News, 400px wide, web-ready PNG.
- benzinga.png
Press / media outlet logo — Benzinga, original master.
- fundz.png
Press / media outlet logo — Fundz, original master.
- global-newswire.png
Press / media outlet logo — Global Newswire, original master.
- investing-com.png
Press / media outlet logo — Investing.com, original master.
- marketscreener-com.png
Press / media outlet logo — MarketScreener.com, original master.
- nasdaq.png
Press / media outlet logo — NASDAQ, original master.
- national-mortgage-news.png
Press / media outlet logo — National Mortgage News, original master.
- yahoo-finance.png
Press / media outlet logo — Yahoo Finance, original master.
- yahoo-finance-200.png
Press / media outlet logo — Yahoo Finance, 200px wide, web-ready PNG.
- yahoo-finance-400.png
Press / media outlet logo — Yahoo Finance, 400px wide, web-ready PNG.
07-icons
187 duotone product/UI icons in three palette variants — ink-light (warm bg), duo-dark (white-on-dark, with ink interior contrast), and pink-accent (branded hero). Every SVG is 24×24, self-contained, ships with a baked color attribute plus a --ico-alt CSS variable for interior contrast, and uses currentColor throughout so it rethemes on the fly. 11 voice-aligned concept icons ship as hand-drawn duotone originals; the other 176 are generated from a shared symbol library. Categories mirror the source library's grouping banners.
- icons.json
Machine-readable catalogue of 240 icons — slug, display name, category (from the source library's own banners: Navigation, Files, Agent, Analytics, Knowledge, Channels, …), viewBox, and per-variant file paths (ink / pink / duo).
- actions.svg
actions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- agent.svg
agent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- aisalesagent.svg
aisalesagent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- aisearch.svg
aisearch · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- allsessions.svg
allsessions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- analytics.svg
analytics · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- analyzewebsite.svg
analyzewebsite · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- anylanguage.svg
anylanguage · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- api.svg
api · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- archive.svg
archive · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- arrowright.svg
arrowright · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- article.svg
article · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- attachment.svg
attachment · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- automation.svg
automation · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- automotive.svg
automotive · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- autorefresh.svg
autorefresh · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- avatar.svg
avatar · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- betterconversions.svg
betterconversions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- brandedpersona.svg
brandedpersona · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- businessgrowth.svg
businessgrowth · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- calendar.svg
calendar · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- campaigns.svg
campaigns · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- channelsnav.svg
channelsnav · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- chat.svg
chat · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- chatonlyagent.svg
chatonlyagent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- chevrondown.svg
chevrondown · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- circleclose.svg
circleclose · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- close.svg
close · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- completedinminutes.svg
completedinminutes · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- conditions.svg
conditions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- connections.svg
connections · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- consent.svg
consent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- contacthandover.svg
contacthandover · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- contacts.svg
contacts · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- contacttransfer.svg
contacttransfer · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- conversion.svg
conversion · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- conversionrate.svg
conversionrate · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- copy.svg
copy · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- copylink.svg
copylink · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- ctaarrow.svg
ctaarrow · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- dashboard.svg
dashboard · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- dateupdated.svg
dateupdated · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- deaddatabase.svg
deaddatabase · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- delete.svg
delete · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- designgolive.svg
designgolive · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- disclosure.svg
disclosure · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- dollarsign.svg
dollarsign · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- doubleprospects.svg
doubleprospects · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- download.svg
download · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- duplicate.svg
duplicate · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- edit.svg
edit · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- email.svg
email · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionallyintelligent.svg
emotionallyintelligent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionaltriggers.svg
emotionaltriggers · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- encryption.svg
encryption · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- eye.svg
eye · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- eyeoff.svg
eyeoff · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- facebook.svg
facebook · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- favorites.svg
favorites · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- file.svg
file · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- filter.svg
filter · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- fintech.svg
fintech · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- fixed.svg
fixed · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- flag.svg
flag · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- folder.svg
folder · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- forms.svg
forms · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- fullscreen.svg
fullscreen · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- funnel.svg
funnel · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- general.svg
general · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- goalconversions.svg
goalconversions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- goals.svg
goals · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- growth.svg
growth · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- guardrails.svg
guardrails · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- handoff.svg
handoff · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- healthcare.svg
healthcare · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- homeservices.svg
homeservices · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- humanagents.svg
humanagents · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- inactiveoutreach.svg
inactiveoutreach · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- inconsistentfollowup.svg
inconsistentfollowup · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- infoicon.svg
infoicon · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- instagram.svg
instagram · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- instantconnection.svg
instantconnection · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- insurance.svg
insurance · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- integrations.svg
integrations · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- journey.svg
journey · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- keyfacts.svg
keyfacts · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- keywordsearch.svg
keywordsearch · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- knowledge.svg
knowledge · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- leadconversation.svg
leadconversation · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- leads.svg
leads · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- leadsdeservebetter.svg
leadsdeservebetter · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- leadvolume.svg
leadvolume · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- library.svg
library · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- link.svg
link · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- linkedin.svg
linkedin · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- liveonsite.svg
liveonsite · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- lock.svg
lock · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- lockontocta.svg
lockontocta · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- login.svg
login · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- magicstars.svg
magicstars · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- magicwand.svg
magicwand · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- mappersonas.svg
mappersonas · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- memories.svg
memories · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- menu.svg
menu · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- minus.svg
minus · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- missingknowledge.svg
missingknowledge · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- moodadaptation.svg
moodadaptation · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- moreconversations.svg
moreconversations · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- mortgage.svg
mortgage · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- negativesentiment.svg
negativesentiment · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- neutralsentiment.svg
neutralsentiment · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- nocode.svg
nocode · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- nocreditcard.svg
nocreditcard · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- noforms.svg
noforms · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- notifications.svg
notifications · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- omnichannelagent.svg
omnichannelagent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- options.svg
options · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- optout.svg
optout · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- overview.svg
overview · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- persistencewins.svg
persistencewins · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- persona.svg
persona · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- pickcontent.svg
pickcontent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- piiredaction.svg
piiredaction · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- playvideo.svg
playvideo · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- plus.svg
plus · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- poorqualification.svg
poorqualification · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- positivesentiment.svg
positivesentiment · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- primarygoal.svg
primarygoal · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- principles.svg
principles · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- published.svg
published · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- qna.svg
qna · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- qualify.svg
qualify · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- questionicon.svg
questionicon · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- quiethours.svg
quiethours · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- quote.svg
quote · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- realtimeinteractions.svg
realtimeinteractions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- refresh.svg
refresh · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- respondsinstantly.svg
respondsinstantly · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- resultsnotfeatures.svg
resultsnotfeatures · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- runagent.svg
runagent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- save.svg
save · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- search.svg
search · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- sessiondetails.svg
sessiondetails · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- sessions.svg
sessions · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- settings.svg
settings · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- share.svg
share · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- sidebartoggle.svg
sidebartoggle · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- sixxresults.svg
sixxresults · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- slowresponse.svg
slowresponse · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- sms.svg
sms · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- snippets.svg
snippets · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- socialdm.svg
socialdm · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- socialproof.svg
socialproof · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- solar.svg
solar · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- speedisstrategy.svg
speedisstrategy · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- speedometer.svg
speedometer · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- speedtolead.svg
speedtolead · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- statecompliance.svg
statecompliance · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- statsup.svg
statsup · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- stayontrack.svg
stayontrack · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- subtitles.svg
subtitles · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- tags.svg
tags · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- tasks.svg
tasks · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- tcpa.svg
tcpa · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- techfeelshuman.svg
techfeelshuman · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- tiktok.svg
tiktok · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- timesaved.svg
timesaved · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- toneofvoice.svg
toneofvoice · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- toolsmcp.svg
toolsmcp · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- tourism.svg
tourism · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- trymyagent.svg
trymyagent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- twitter.svg
twitter · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- understandpainpoints.svg
understandpainpoints · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- unlock.svg
unlock · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- upload.svg
upload · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- users.svg
users · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- voice.svg
voice · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- volumeon.svg
volumeon · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- web.svg
web · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- webchat.svg
webchat · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- webhooks.svg
webhooks · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- webpage.svg
webpage · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- welcomeback.svg
welcomeback · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- workedlead.svg
workedlead · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- workflow.svg
workflow · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- youtube.svg
youtube · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- zerobadge.svg
zerobadge · ink-light · 24×24 SVG icon from the MagicBlocks symbol library.
- actions.svg
actions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- agent.svg
agent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- aisalesagent.svg
aisalesagent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- aisearch.svg
aisearch · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- allsessions.svg
allsessions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- analytics.svg
analytics · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- analyzewebsite.svg
analyzewebsite · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- anylanguage.svg
anylanguage · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- api.svg
api · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- archive.svg
archive · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- arrowright.svg
arrowright · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- article.svg
article · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- attachment.svg
attachment · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- automation.svg
automation · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- automotive.svg
automotive · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- autorefresh.svg
autorefresh · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- avatar.svg
avatar · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- betterconversions.svg
betterconversions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- brandedpersona.svg
brandedpersona · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- businessgrowth.svg
businessgrowth · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- calendar.svg
calendar · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- campaigns.svg
campaigns · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- channelsnav.svg
channelsnav · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- chat.svg
chat · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- chatonlyagent.svg
chatonlyagent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- chevrondown.svg
chevrondown · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- circleclose.svg
circleclose · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- close.svg
close · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- completedinminutes.svg
completedinminutes · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- conditions.svg
conditions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- connections.svg
connections · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- consent.svg
consent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- contacthandover.svg
contacthandover · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- contacts.svg
contacts · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- contacttransfer.svg
contacttransfer · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- conversion.svg
conversion · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- conversionrate.svg
conversionrate · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- copy.svg
copy · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- copylink.svg
copylink · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- ctaarrow.svg
ctaarrow · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- dashboard.svg
dashboard · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- dateupdated.svg
dateupdated · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- deaddatabase.svg
deaddatabase · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- delete.svg
delete · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- designgolive.svg
designgolive · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- disclosure.svg
disclosure · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- dollarsign.svg
dollarsign · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- doubleprospects.svg
doubleprospects · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- download.svg
download · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- duplicate.svg
duplicate · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- edit.svg
edit · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- email.svg
email · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionallyintelligent.svg
emotionallyintelligent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionaltriggers.svg
emotionaltriggers · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- encryption.svg
encryption · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- eye.svg
eye · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- eyeoff.svg
eyeoff · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- facebook.svg
facebook · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- favorites.svg
favorites · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- file.svg
file · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- filter.svg
filter · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- fintech.svg
fintech · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- fixed.svg
fixed · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- flag.svg
flag · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- folder.svg
folder · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- forms.svg
forms · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- fullscreen.svg
fullscreen · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- funnel.svg
funnel · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- general.svg
general · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- goalconversions.svg
goalconversions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- goals.svg
goals · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- growth.svg
growth · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- guardrails.svg
guardrails · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- handoff.svg
handoff · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- healthcare.svg
healthcare · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- homeservices.svg
homeservices · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- humanagents.svg
humanagents · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- inactiveoutreach.svg
inactiveoutreach · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- inconsistentfollowup.svg
inconsistentfollowup · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- infoicon.svg
infoicon · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- instagram.svg
instagram · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- instantconnection.svg
instantconnection · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- insurance.svg
insurance · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- integrations.svg
integrations · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- journey.svg
journey · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- keyfacts.svg
keyfacts · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- keywordsearch.svg
keywordsearch · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- knowledge.svg
knowledge · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- leadconversation.svg
leadconversation · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- leads.svg
leads · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- leadsdeservebetter.svg
leadsdeservebetter · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- leadvolume.svg
leadvolume · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- library.svg
library · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- link.svg
link · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- linkedin.svg
linkedin · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- liveonsite.svg
liveonsite · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- lock.svg
lock · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- lockontocta.svg
lockontocta · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- login.svg
login · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- magicstars.svg
magicstars · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- magicwand.svg
magicwand · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- mappersonas.svg
mappersonas · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- memories.svg
memories · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- menu.svg
menu · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- minus.svg
minus · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- missingknowledge.svg
missingknowledge · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- moodadaptation.svg
moodadaptation · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- moreconversations.svg
moreconversations · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- mortgage.svg
mortgage · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- negativesentiment.svg
negativesentiment · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- neutralsentiment.svg
neutralsentiment · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- nocode.svg
nocode · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- nocreditcard.svg
nocreditcard · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- noforms.svg
noforms · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- notifications.svg
notifications · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- omnichannelagent.svg
omnichannelagent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- options.svg
options · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- optout.svg
optout · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- overview.svg
overview · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- persistencewins.svg
persistencewins · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- persona.svg
persona · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- pickcontent.svg
pickcontent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- piiredaction.svg
piiredaction · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- playvideo.svg
playvideo · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- plus.svg
plus · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- poorqualification.svg
poorqualification · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- positivesentiment.svg
positivesentiment · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- primarygoal.svg
primarygoal · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- principles.svg
principles · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- published.svg
published · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- qna.svg
qna · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- qualify.svg
qualify · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- questionicon.svg
questionicon · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- quiethours.svg
quiethours · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- quote.svg
quote · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- realtimeinteractions.svg
realtimeinteractions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- refresh.svg
refresh · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- respondsinstantly.svg
respondsinstantly · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- resultsnotfeatures.svg
resultsnotfeatures · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- runagent.svg
runagent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- save.svg
save · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- search.svg
search · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- sessiondetails.svg
sessiondetails · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- sessions.svg
sessions · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- settings.svg
settings · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- share.svg
share · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- sidebartoggle.svg
sidebartoggle · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- sixxresults.svg
sixxresults · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- slowresponse.svg
slowresponse · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- sms.svg
sms · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- snippets.svg
snippets · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- socialdm.svg
socialdm · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- socialproof.svg
socialproof · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- solar.svg
solar · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- speedisstrategy.svg
speedisstrategy · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- speedometer.svg
speedometer · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- speedtolead.svg
speedtolead · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- statecompliance.svg
statecompliance · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- statsup.svg
statsup · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- stayontrack.svg
stayontrack · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- subtitles.svg
subtitles · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- tags.svg
tags · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- tasks.svg
tasks · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- tcpa.svg
tcpa · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- techfeelshuman.svg
techfeelshuman · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- tiktok.svg
tiktok · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- timesaved.svg
timesaved · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- toneofvoice.svg
toneofvoice · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- toolsmcp.svg
toolsmcp · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- tourism.svg
tourism · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- trymyagent.svg
trymyagent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- twitter.svg
twitter · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- understandpainpoints.svg
understandpainpoints · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- unlock.svg
unlock · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- upload.svg
upload · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- users.svg
users · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- voice.svg
voice · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- volumeon.svg
volumeon · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- web.svg
web · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- webchat.svg
webchat · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- webhooks.svg
webhooks · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- webpage.svg
webpage · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- welcomeback.svg
welcomeback · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- workedlead.svg
workedlead · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- workflow.svg
workflow · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- youtube.svg
youtube · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- zerobadge.svg
zerobadge · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library.
- actions.svg
actions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- agent.svg
agent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- aisalesagent.svg
aisalesagent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- aisearch.svg
aisearch · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- allsessions.svg
allsessions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- analytics.svg
analytics · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- analyzewebsite.svg
analyzewebsite · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- anylanguage.svg
anylanguage · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- api.svg
api · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- archive.svg
archive · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- arrowright.svg
arrowright · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- article.svg
article · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- attachment.svg
attachment · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- automation.svg
automation · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- automotive.svg
automotive · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- autorefresh.svg
autorefresh · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- avatar.svg
avatar · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- betterconversions.svg
betterconversions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- brandedpersona.svg
brandedpersona · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- businessgrowth.svg
businessgrowth · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- calendar.svg
calendar · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- campaigns.svg
campaigns · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- channelsnav.svg
channelsnav · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- chat.svg
chat · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- chatonlyagent.svg
chatonlyagent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- chevrondown.svg
chevrondown · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- circleclose.svg
circleclose · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- close.svg
close · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- completedinminutes.svg
completedinminutes · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- conditions.svg
conditions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- connections.svg
connections · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- consent.svg
consent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- contacthandover.svg
contacthandover · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- contacts.svg
contacts · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- contacttransfer.svg
contacttransfer · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- conversion.svg
conversion · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- conversionrate.svg
conversionrate · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- copy.svg
copy · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- copylink.svg
copylink · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- ctaarrow.svg
ctaarrow · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- dashboard.svg
dashboard · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- dateupdated.svg
dateupdated · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- deaddatabase.svg
deaddatabase · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- delete.svg
delete · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- designgolive.svg
designgolive · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- disclosure.svg
disclosure · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- dollarsign.svg
dollarsign · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- doubleprospects.svg
doubleprospects · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- download.svg
download · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- duplicate.svg
duplicate · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- edit.svg
edit · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- email.svg
email · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionallyintelligent.svg
emotionallyintelligent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- emotionaltriggers.svg
emotionaltriggers · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- encryption.svg
encryption · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- eye.svg
eye · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- eyeoff.svg
eyeoff · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- facebook.svg
facebook · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- favorites.svg
favorites · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- file.svg
file · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- filter.svg
filter · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- fintech.svg
fintech · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- fixed.svg
fixed · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- flag.svg
flag · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- folder.svg
folder · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- forms.svg
forms · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- fullscreen.svg
fullscreen · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- funnel.svg
funnel · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- general.svg
general · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- goalconversions.svg
goalconversions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- goals.svg
goals · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- growth.svg
growth · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- guardrails.svg
guardrails · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- handoff.svg
handoff · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- healthcare.svg
healthcare · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- homeservices.svg
homeservices · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- humanagents.svg
humanagents · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- inactiveoutreach.svg
inactiveoutreach · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- inconsistentfollowup.svg
inconsistentfollowup · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- infoicon.svg
infoicon · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- instagram.svg
instagram · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- instantconnection.svg
instantconnection · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- insurance.svg
insurance · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- integrations.svg
integrations · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- journey.svg
journey · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- keyfacts.svg
keyfacts · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- keywordsearch.svg
keywordsearch · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- knowledge.svg
knowledge · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- leadconversation.svg
leadconversation · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- leads.svg
leads · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- leadsdeservebetter.svg
leadsdeservebetter · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- leadvolume.svg
leadvolume · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- library.svg
library · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- link.svg
link · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- linkedin.svg
linkedin · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- liveonsite.svg
liveonsite · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- lock.svg
lock · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- lockontocta.svg
lockontocta · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- login.svg
login · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- magicstars.svg
magicstars · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- magicwand.svg
magicwand · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- mappersonas.svg
mappersonas · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- memories.svg
memories · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- menu.svg
menu · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- minus.svg
minus · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- missingknowledge.svg
missingknowledge · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- moodadaptation.svg
moodadaptation · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- moreconversations.svg
moreconversations · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- mortgage.svg
mortgage · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- negativesentiment.svg
negativesentiment · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- neutralsentiment.svg
neutralsentiment · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- nocode.svg
nocode · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- nocreditcard.svg
nocreditcard · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- noforms.svg
noforms · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- notifications.svg
notifications · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- omnichannelagent.svg
omnichannelagent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- options.svg
options · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- optout.svg
optout · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- overview.svg
overview · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- persistencewins.svg
persistencewins · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- persona.svg
persona · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- pickcontent.svg
pickcontent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- piiredaction.svg
piiredaction · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- playvideo.svg
playvideo · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- plus.svg
plus · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- poorqualification.svg
poorqualification · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- positivesentiment.svg
positivesentiment · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- primarygoal.svg
primarygoal · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- principles.svg
principles · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- published.svg
published · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- qna.svg
qna · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- qualify.svg
qualify · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- questionicon.svg
questionicon · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- quiethours.svg
quiethours · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- quote.svg
quote · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- realtimeinteractions.svg
realtimeinteractions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- refresh.svg
refresh · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- respondsinstantly.svg
respondsinstantly · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- resultsnotfeatures.svg
resultsnotfeatures · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- runagent.svg
runagent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- save.svg
save · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- search.svg
search · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- sessiondetails.svg
sessiondetails · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- sessions.svg
sessions · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- settings.svg
settings · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- share.svg
share · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- sidebartoggle.svg
sidebartoggle · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- sixxresults.svg
sixxresults · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- slowresponse.svg
slowresponse · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- sms.svg
sms · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- snippets.svg
snippets · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- socialdm.svg
socialdm · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- socialproof.svg
socialproof · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- solar.svg
solar · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- speedisstrategy.svg
speedisstrategy · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- speedometer.svg
speedometer · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- speedtolead.svg
speedtolead · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- statecompliance.svg
statecompliance · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- statsup.svg
statsup · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- stayontrack.svg
stayontrack · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- subtitles.svg
subtitles · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- tags.svg
tags · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- tasks.svg
tasks · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- tcpa.svg
tcpa · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- techfeelshuman.svg
techfeelshuman · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- tiktok.svg
tiktok · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- timesaved.svg
timesaved · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- toneofvoice.svg
toneofvoice · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- toolsmcp.svg
toolsmcp · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- tourism.svg
tourism · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- trymyagent.svg
trymyagent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- twitter.svg
twitter · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- understandpainpoints.svg
understandpainpoints · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- unlock.svg
unlock · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- upload.svg
upload · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- users.svg
users · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- voice.svg
voice · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- volumeon.svg
volumeon · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- web.svg
web · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- webchat.svg
webchat · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- webhooks.svg
webhooks · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- webpage.svg
webpage · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- welcomeback.svg
welcomeback · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- workedlead.svg
workedlead · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- workflow.svg
workflow · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- youtube.svg
youtube · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- zerobadge.svg
zerobadge · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library.
- kanban.svg
kanban · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- kanban.svg
kanban · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- kanban.svg
kanban · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pipeline.svg
pipeline · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pipeline.svg
pipeline · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pipeline.svg
pipeline · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-clock.svg
sla-clock · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-clock.svg
sla-clock · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-clock.svg
sla-clock · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- csat-star.svg
csat-star · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- csat-star.svg
csat-star · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- csat-star.svg
csat-star · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- churn-warning.svg
churn-warning · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- churn-warning.svg
churn-warning · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- churn-warning.svg
churn-warning · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- expansion-arrow.svg
expansion-arrow · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- expansion-arrow.svg
expansion-arrow · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- expansion-arrow.svg
expansion-arrow · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- partner-handshake.svg
partner-handshake · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- partner-handshake.svg
partner-handshake · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- partner-handshake.svg
partner-handshake · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- commission.svg
commission · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- commission.svg
commission · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- commission.svg
commission · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sage-spark.svg
sage-spark · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sage-spark.svg
sage-spark · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sage-spark.svg
sage-spark · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- snippet-bolt.svg
snippet-bolt · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- snippet-bolt.svg
snippet-bolt · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- snippet-bolt.svg
snippet-bolt · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- merge.svg
merge · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- merge.svg
merge · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- merge.svg
merge · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sequence-loop.svg
sequence-loop · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sequence-loop.svg
sequence-loop · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sequence-loop.svg
sequence-loop · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- automation-cog.svg
automation-cog · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- automation-cog.svg
automation-cog · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- automation-cog.svg
automation-cog · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- inbox.svg
inbox · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- inbox.svg
inbox · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- inbox.svg
inbox · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- kb-book.svg
kb-book · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- kb-book.svg
kb-book · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- kb-book.svg
kb-book · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- revenue-stripe.svg
revenue-stripe · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- revenue-stripe.svg
revenue-stripe · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- revenue-stripe.svg
revenue-stripe · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- health-pulse.svg
health-pulse · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- health-pulse.svg
health-pulse · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- health-pulse.svg
health-pulse · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-breach.svg
sla-breach · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-breach.svg
sla-breach · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sla-breach.svg
sla-breach · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compose-pen.svg
compose-pen · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compose-pen.svg
compose-pen · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compose-pen.svg
compose-pen · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- play-call.svg
play-call · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- play-call.svg
play-call · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- play-call.svg
play-call · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- step-up-lock.svg
step-up-lock · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- step-up-lock.svg
step-up-lock · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- step-up-lock.svg
step-up-lock · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- multi-prompt.svg
multi-prompt · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- multi-prompt.svg
multi-prompt · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- multi-prompt.svg
multi-prompt · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- state-machine.svg
state-machine · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- state-machine.svg
state-machine · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- state-machine.svg
state-machine · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- guardian-shield.svg
guardian-shield · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- guardian-shield.svg
guardian-shield · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- guardian-shield.svg
guardian-shield · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recommendations.svg
recommendations · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recommendations.svg
recommendations · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recommendations.svg
recommendations · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- json.svg
json · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- json.svg
json · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- json.svg
json · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sms-bubble.svg
sms-bubble · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sms-bubble.svg
sms-bubble · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- sms-bubble.svg
sms-bubble · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- voice-wave.svg
voice-wave · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- voice-wave.svg
voice-wave · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- voice-wave.svg
voice-wave · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- social.svg
social · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- social.svg
social · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- social.svg
social · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- playbook.svg
playbook · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- playbook.svg
playbook · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- playbook.svg
playbook · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- tone.svg
tone · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- tone.svg
tone · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- tone.svg
tone · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pre-sell.svg
pre-sell · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pre-sell.svg
pre-sell · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pre-sell.svg
pre-sell · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- persistence.svg
persistence · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- persistence.svg
persistence · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- persistence.svg
persistence · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compliance.svg
compliance · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compliance.svg
compliance · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- compliance.svg
compliance · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- handoff-card.svg
handoff-card · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- handoff-card.svg
handoff-card · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- handoff-card.svg
handoff-card · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cdp.svg
cdp · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cdp.svg
cdp · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cdp.svg
cdp · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recall.svg
recall · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recall.svg
recall · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- recall.svg
recall · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- crm.svg
crm · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- crm.svg
crm · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- crm.svg
crm · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cart.svg
cart · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cart.svg
cart · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- cart.svg
cart · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- intent.svg
intent · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- intent.svg
intent · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- intent.svg
intent · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- continuity.svg
continuity · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- continuity.svg
continuity · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- continuity.svg
continuity · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- soc2.svg
soc2 · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- soc2.svg
soc2 · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- soc2.svg
soc2 · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- iso.svg
iso · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- iso.svg
iso · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- iso.svg
iso · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- gdpr.svg
gdpr · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- gdpr.svg
gdpr · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- gdpr.svg
gdpr · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pii.svg
pii · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pii.svg
pii · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pii.svg
pii · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- audit.svg
audit · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- audit.svg
audit · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- audit.svg
audit · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- production.svg
production · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- production.svg
production · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- production.svg
production · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- clock.svg
clock · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- clock.svg
clock · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- clock.svg
clock · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- integration-hub.svg
integration-hub · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- integration-hub.svg
integration-hub · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- integration-hub.svg
integration-hub · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- roi.svg
roi · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- roi.svg
roi · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- roi.svg
roi · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- ab-test.svg
ab-test · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- ab-test.svg
ab-test · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- ab-test.svg
ab-test · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pricing.svg
pricing · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pricing.svg
pricing · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- pricing.svg
pricing · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- happa-arc.svg
happa-arc · ink-light · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- happa-arc.svg
happa-arc · duo-dark · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
- happa-arc.svg
happa-arc · pink-accent · 24×24 SVG icon from the MagicBlocks symbol library — currentColor + var(--ico-alt) duotone for in-place rethemability.
10-components
The full MagicBlocks component library — twelve chapters of copy-paste HTML + CSS covering every UI primitive used across product and marketing. Each page has anatomy callouts, light/dark previews, and one-click copy. Start at components/index.html.
- 01-foundations.html
Chapter 01 — Foundations: colour tokens, spacing scale, radii, shadow ramp, motion timings
- 02-typography.html
Chapter 02 — Typography: display, body, italic (Fraunces), mono, type scale, specimen
- 03-buttons-and-controls.html
Chapter 03 — Buttons & controls: primary, ghost, icon, segmented, toggle, link
- 04-forms-and-inputs.html
Chapter 04 — Forms & inputs: text, textarea, select, checkbox, radio, switch, file upload, validation
- 05-cards-and-surfaces.html
Chapter 05 — Cards & surfaces: base cards, callouts, stats, media, pricing tiles
- 06-navigation.html
Chapter 06 — Navigation: topnav, sidebar, tabs, breadcrumbs, pagination, step nav
- 07-data-display.html
Chapter 07 — Data display: tables, chips, badges, avatars, lists, progress rings, timelines, code blocks, empty states
- 08-feedback-and-overlays.html
Chapter 08 — Feedback & overlays: toasts, alerts, banners, tooltips, popovers, modals, drawers, skeletons, spinners
- 09-content-blocks.html
Chapter 09 — Content blocks: hero, feature grid, logo wall, testimonial, CTA, stats band, FAQ, footer
- 10-patterns-and-specials.html
Chapter 10 — Patterns & specials: pricing, auth, 404, conversation UI, dashboard shell, empty-state variants
- 11-narrative-systems.html
Chapter 11 · Narrative systems. 16 branded system diagrams + 4 mini-atoms for the marketing site: decay curve, scoreboard, race timeline, engine block, triptych, handoff card, profile card, integration hub, HAPPA arc, Guardian shield, journey map, infra map, ecosystem rings, ROI calculator, brand timeline, hero bloom canvas.
- _shared.css
Shared design tokens and primitives used by every chapter (spacing, radii, shadows, motion, type families)
- _shared.js
Shared interactivity — Copy-HTML / Copy-CSS buttons, light/dark toggle, TOC scrollspy
- index.html
Component library hub — linked TOC of all 12 chapters
- 12-media-and-presentation.html
Chapter 12 · Media & presentation. Branded HTML5 video player (live <video>, scrubber, mute + volume slider, icon-swap play/pause and mute, keyboard shortcuts, fullscreen), snap-carousel, device frames (browser / laptop / phone), a self-contained deck device (laptop frame + built-in slide nav with keyboard + dot pager), a phone-framed stage-progress chat that token-streams a HAPPA conversation (Hook · Align · Personalise · Pitch · Action) with blinking caret + typing indicators + animated composer, and a browser-framed product dashboard with sidebar nav + count-up KPI tiles + three-line chart with stroke-dashoffset drawing animation looping every ~4.3s. Vanilla JS, no build step, Cloudflare-Pages-ready.
- 13-app-shell.html
Chapter 13 · App shell & overlays. Detail-page 3-column shell, command palette (⌘K), density mode demo, and 5 charming CRM-flavoured empty states.
- 14-app-pipeline.html
Chapter 14 · CRM pipeline patterns. Kanban with draggable cards, pipeline stage bar, activity timeline (6 row variants), inbox row, onboarding checklist, MRR composition chart.
- 15-app-ai.html
Chapter 15 · AI surfaces & celebration. Sage AI drawer with tool-calls + proposal cards, compose drawer with AI assist, AI & KB suggestion cards, confetti win moment.
- 16-platform-narrative.html
Chapter 16 · Platform & narrative. Strategic-narrative components for /platform and /why-magicblocks: feature cluster, contrast pair, feature table, cluster map, counter rail.
Need structured access? See /api/assets.json for the AI-agent consumption surface.