[{"data":1,"prerenderedAt":74},["ShallowReactive",2],{"i-material-symbols:language":3,"i-material-symbols:person":8,"i-mdi:instagram":10,"i-mdi:youtube":12,"i-ri:linkedin-fill":14,"i-ri:twitter-x-line":16,"i-ri:facebook-fill":18,"post-brand-style-guide":20,"i-material-symbols:person-outline":68,"i-material-symbols:calendar-month":70,"i-mdi:schedule":72},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M8.125 21.213q-1.825-.788-3.187-2.15t-2.15-3.188T2 11.988t.788-3.875t2.15-3.175t3.187-2.15T12.013 2t3.875.788t3.175 2.15t2.15 3.175t.787 3.875t-.787 3.887t-2.15 3.188t-3.175 2.15t-3.875.787t-3.888-.787M12 19.95q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002M7 8.48H3V21h4zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z\"\u002F>",{"postType":21,"id":22,"author":23,"date":26,"modified":27,"title":28,"slug":29,"seoTitle":28,"seoDescription":30,"excerpt":31,"trimmedExcerpt":32,"content":33,"readingTime":34,"featuredImage":35,"postCategory":41,"relatedPosts":46},"post",24498,{"id":24,"name":25},"author-0301142015","Canto","2026-08-25T17:08:45","2026-08-27T16:33:26","Brand style guides: 12 examples to learn from","brand-style-guide","Learn what a brand style guide is and see real style guide examples from Netflix, Mailchimp, Airbnb, and more.","A brand style guide is the fastest way to see whether a company actually has its visual identity under control. Some of the best-known brands in the world publish theirs publicly, which makes them the easiest way to learn what a strong looks like in practice. We found twelve strong examples, from streaming to enterprise […]","A brand style guide is the fastest way to see whether a company actually has its visual identity under control....","\u003Cp class=\"wp-block-paragraph\">A brand style guide is the fastest way to see whether a company actually has its visual identity under control. Some of the best-known brands in the world publish theirs publicly, which makes them the easiest way to learn what a strong looks like in practice. \u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">We found twelve strong examples, from streaming to enterprise software, and broke down what each one gets right, and what you can takeaway. If you’re building your first style guide, or fixing one that isn’t quite right, these are worth reviewing to get started.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-1--brand-style-guide-vs-brand-guidelines-what-s-the-difference\">Brand style guide vs. brand guidelines: what’s the difference? \u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">The two terms get used interchangeably, and most of the time that’s fine, but they aren’t quite the same thing. A brand style guide is the narrow of the two: a visual quick-reference covering logo usage, color palette, typography, and imagery, built so a designer or agency can produce on-brand work without asking questions. Brand guidelines are the fuller document, for the whole picture see our complete \u003Ca href=\"\u002Fblog\u002Fbrand-guidelines\u002F\">guide to brand guidelines\u003C\u002Fa>.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-2--what-a-strong-brand-style-guide-includes\">What a strong brand style guide includes\u003C\u002Fh2>\u003Cul class=\"wp-block-list\">\u003Cli>\u003Cstrong>Logo usage: \u003C\u002Fstrong>Approved versions, clear space, minimum size, and what not to do\u003C\u002Fli>\u003Cli>\u003Cstrong>Color palette: \u003C\u002Fstrong>HEX, RGB, CMYK, and Pantone values, and when to use each\u003C\u002Fli>\u003Cli>\u003Cstrong>Typography: \u003C\u002Fstrong>Approved typefaces, weights, and hierarchy\u003C\u002Fli>\u003Cli>\u003Cstrong>Imagery and iconography: \u003C\u002Fstrong>Photography style, illustration\u003C\u002Fli>\u003Cli>\u003Cstrong>Do and don’t examples\u003C\u002Fstrong>: Examples of to do and what to avoid teach faster than any other format\u003C\u002Fli>\u003C\u002Ful>\u003Ch2 class=\"wp-block-heading\" id=\"toc-3--12-brand-style-guide-examples-to-learn-from\">12 brand style guide examples to learn from\u003C\u002Fh2>\u003Ch3 class=\"wp-block-heading\">1. Netflix\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fbrand.netflix.com\u002Fen\u002Fassets\u002Flogos\u002F\" target=\"_blank\" rel=\"noopener\">Netflix\u003C\u002Fa> built its guide around one job: making the logo unmistakable at any size, on any background. Clear space and minimum-size rules are unusually precise, which is why the “N” mark reads instantly whether it’s on a loading screen or a billboard.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> Define exactly how small your logo can go and what backgrounds it can sit on. Vague rules get ignored. Specific rules get followed.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">2. Microsoft\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Flegal\u002Fintellectualproperty\u002Ftrademarks\" target=\"_blank\" rel=\"noopener\">Microsoft\u003C\u002Fa> treats word choice as seriously as visual identity; not just how to say something, but which words to use at all. It’s a strong model for any team that writes as much product and support content as it designs.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn: \u003C\u002Fstrong>Add a short approved and avoid vocabulary list to your guide. Even 10 to 15 words in each column will save your team dozens of rounds of copy feedback.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">3. Mailchimp\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fstyleguide.mailchimp.com\u002F\" target=\"_blank\" rel=\"noopener\">Mailchimp’s\u003C\u002Fa> tone-of-voice section is one of the most referenced in the industry, and for good reason. Instead of describing the brand voice in adjectives, it shows the same message written multiple ways so writers can feel the difference rather than just read about it.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn: \u003C\u002Fstrong>Write your tone guidance in before and after examples, not personality adjectives. “Friendly but not sycophantic” means nothing until you show it.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">4. Airbnb\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fnews.airbnb.com\u002Fmedia-assets\u002F\" target=\"_blank\" rel=\"noopener\">Airbnb’s\u003C\u002Fa> guide reads more like a technical specification than a mood board. It is precise, detailed, and built for teams executing across many local markets where \u003Ca href=\"\u002Fblog\u002Fbrand-consistency\u002F\">brand consistency\u003C\u002Fa> is harder to maintain.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> If your brand operates across regions, agencies, or languages, specificity is the only thing that scales. Mood boards don’t travel well. Exact values do.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">5. Mozilla Firefox\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fbrand.mozilla.com\u002Fd\u002F5UkPdpbtt8LS\" target=\"_blank\" rel=\"noopener\">Firefox\u003C\u002Fa> prioritizes the usability of the guide itself. It is organized so a contributor can find the one rule they need without reading the whole document, a detail most brands overlook entirely.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn: \u003C\u002Fstrong>Design your style guide like a reference tool, not a story. People will open it mid-project looking for one answer. Make that answer easy to find.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">6. Alienware\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Ffliphtml5.com\u002Fbvjuu\u002Fksdx\u002FAlienware_Brand_Book_-_Final_compressed\u002F\" target=\"_blank\" rel=\"noopener\">Alienware\u003C\u002Fa> is one of the few brands that documents motion and sound as brand elements, not just static visuals. Animation timing, transition behavior, and audio cues are all treated as part of the identity system.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn: \u003C\u002Fstrong>If your brand lives in digital or video, document how it moves and sounds. A logo in motion that feels off-brand undermines every rule you wrote about how it looks.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">7. Cisco\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fwww.cisco.com\u002Fc\u002Fen\u002Fus\u002Fabout\u002Fbrand-center.html\" target=\"_blank\" rel=\"noopener\">Cisco’s\u003C\u002Fa> guide reads more like a narrative than a rulebook. Each section walks through the reasoning behind the guideline rather than just stating it, which makes the guide far more persuasive to people who would otherwise ignore it.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> Tell people why the rule exists, not just what it is. A designer who understands the reasoning will make better judgment calls when the guide doesn’t cover their exact situation.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">8. Chess.com\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fwww.chess.com\u002Farticle\u002Fview\u002Fchess-com-brand-resources\" target=\"_blank\" rel=\"noopener\">Chess.com\u003C\u002Fa>‘s \u003Ca href=\"\u002Fblog\u002Fbrand-identity\u002F\">brand identity\u003C\u002Fa> leans hard into a single aesthetic: the timeless authority of the game itself. The guide keeps color use disciplined, favoring deep greens and clean neutrals that feel classic without feeling stale. Every visual decision defers to the game’s credibility, not the platform’s personality.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> When your product has a stronger identity than your company does, build your brand around the product’s world. Borrowing equity from something people already love is smarter than inventing something new.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">9. Foursquare\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fchrome-extension:\u002F\u002Fefaidnbmnnnibpcajpcglclefindmkaj\u002Fhttps:\u002F\u002Fplayfoursquare.s3.amazonaws.com\u002Fpress\u002Ffoursquare-brandbook.pdf\" target=\"_blank\" rel=\"noopener\">Foursquare’s\u003C\u002Fa> brand shifted significantly when the company pivoted from consumer app to location intelligence platform. Its guide reflects that transition clearly: the identity dropped the playful check-in energy in favor of a more precise, data-driven visual language, and the documentation makes clear which era each asset belongs to.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> If your brand has gone through a repositioning, your guide needs to explicitly retire the old system, not just introduce the new one. Ambiguity between versions is how off-brand assets stay in circulation for years.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">10. Zoom \u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fdevelopers.zoom.us\u002Fdocs\u002Fzoom-apps\u002Fdesign\u002Fdesign-principles-and-guidelines\u002F\" target=\"_blank\" rel=\"noopener\">Zoom’s\u003C\u002Fa> guide is built for a brand that had to scale faster than almost any consumer product in recent memory. The result is a system that prioritizes simplicity and repeatability over expressiveness. There are few variables and tight constraints, which meant regional teams and third-party partners could execute consistently under pressure.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> A brand system that is easy to execute under pressure is worth more than one that looks impressive on presentation day. Reduce the number of decisions a person has to make, and compliance goes up automatically.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">11. Apple\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fsupport.apple.com\u002Fguide\u002Fapplestyleguide\u002Fwelcome\u002Fweb\" target=\"_blank\" rel=\"noopener\">Apple’s\u003C\u002Fa> brand guidelines are famously not public, but the discipline behind them is visible in every touchpoint the company controls. Typography, spacing, product photography, and copy all follow constraints so consistent that the system functions as its own guide. The product is the proof of concept.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> The real test of a brand system is not the document. It is whether the output looks guided without anyone checking. If your brand requires constant policing, the rules are probably too complicated.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">12. Google\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https:\u002F\u002Fpartnermarketinghub.withgoogle.com\u002Fbrands\u002Fgoogle\u002Foverview\u002F\" target=\"_blank\" rel=\"noopener\">Google’s\u003C\u002Fa> brand guidelines manage a challenge most companies never face: a logo that billions of people recognize instantly, used across products that look and feel completely different from one another. The guide holds the core identity stable, mainly the wordmark, color palette, and “G” mark, while giving individual product teams enough flexibility to build their own visual language without drifting off-brand entirely.\u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>What to learn:\u003C\u002Fstrong> If your brand spans multiple products or sub-brands, define what is fixed and what is flexible, explicitly. Leaving that boundary undefined is how a product team accidentally builds something unrecognizable.\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-4--build-a-style-guide-your-team-will-use\">Build a style guide your team will use\u003C\u002Fh2>\u003Cp class=\"wp-block-paragraph\">A style guide only works if people actually open it. Pair yours with a \u003Ca href=\"\u002Fdigital-asset-management\u002F\">digital asset management \u003C\u002Fa>(DAM) platform so approved logos, colors, and templates live in the same place your team already searches for \u003Ca href=\"\u002Fblog\u002Fbrand-assets\u002F\">brand assets\u003C\u002Fa>, no hunting through old email threads or outdated PDFs for “the current version.” \u003C\u002Fp>\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Need the whole framework, tone of voice, governance, AI content rules, before you start? Our complete \u003Ca href=\"\u002Fblog\u002Fbrand-guidelines\u002F\">guide to brand guidelines\u003C\u002Fa> covers what a style guide alone doesn’t.\u003C\u002Fstrong>\u003C\u002Fp>\u003Ch2 class=\"wp-block-heading\" id=\"toc-5--frequently-asked-questions-about-brand-style-guides\">Frequently asked questions about brand style guides\u003C\u002Fh2>\u003Ch3 class=\"wp-block-heading\">How long should a brand style guide be?\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">There’s no fixed length, the best ones are as long as they need to be and no longer. A small team might need 4 to 6 pages covering logo, color, and type. A company working with multiple agencies or regional offices often needs 20+ pages with detailed do\u002Fdon’t examples. Length should follow how many people need to use it, not a template.\u003C\u002Fp>\u003Ch3 class=\"wp-block-heading\">Do I need a separate style guide if I already have brand guidelines?\u003C\u002Fh3>\u003Cp class=\"wp-block-paragraph\">Not necessarily. Many teams extract a short style guide from their full brand guidelines as a quick-reference version for designers and agencies who don’t need the governance and messaging sections. See our brand guidelines guide  for the complete document both are drawn from.\u003C\u002Fp>",7,{"url":36,"url_md":37,"alt":38,"height":39,"width":40},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fen\u002F2026\u002F08\u002F25172054\u002Fbrand-consistency-2.png","https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fen\u002F2026\u002F08\u002F25172054\u002Fbrand-consistency-2-450x236.png","Green background with brand style guide elements over the top",630,1200,[42],{"id":43,"slug":43,"title":44,"path":45},"branding","Branding","\u002Fpost-category\u002Fbranding\u002F",[47,54,61],{"featuredImage":48,"postId":49,"slug":50,"title":51,"description":52,"path":53},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fen\u002F2020\u002F01\u002F19190422\u002Fbrand-positioning-statement-9-450x263.jpg",25409,"brand-positioning-statement","Sample of a positioning statement: How to write a clear, compelling brand declaration","Brand positioning statements don't have to change often. However, it's important to make sure yours stays relevant. Here are some innovative ideas to guide you.","\u002Fblog\u002Fbrand-positioning-statement\u002F",{"featuredImage":55,"postId":56,"slug":57,"title":58,"description":59,"path":60},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fen\u002F2020\u002F12\u002F19190102\u002Fbrand-manifesto-3-450x263.jpg",52269,"brand-manifesto","Brand manifesto: A complete guide to writing one that defines your brand","A brand manifesto goes beyond a simple statement. It is a bold message declaring uniqueness, rebellious attitude and empowering ideas. Learn more here.","\u002Fblog\u002Fbrand-manifesto\u002F",{"featuredImage":62,"postId":63,"slug":64,"title":65,"description":66,"path":67},"https:\u002F\u002Fwww.canto.com\u002Fcdn\u002Fen\u002F2020\u002F12\u002F19190027\u002Fbrand-extensions-15-450x263.jpg",52374,"brand-extensions","Brand extension strategy: 7 examples of what works (and what doesn’t)","Explore successful and failed brand extensions from top brands like Harley-Davidson and Tide. Learn the keys to expanding your brand effectively with these real-world examples!","\u002Fblog\u002Fbrand-extensions\u002F",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":69},"\u003Cpath fill=\"currentColor\" d=\"M9.175 10.825Q8 9.65 8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12t-2.825-1.175M4 20v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20zm2-2h12v-.8q0-.275-.137-.5t-.363-.35q-1.35-.675-2.725-1.012T12 15t-2.775.338T6.5 16.35q-.225.125-.363.35T6 17.2zm7.413-8.587Q14 8.825 14 8t-.587-1.412T12 6t-1.412.588T10 8t.588 1.413T12 10t1.413-.587M12 18\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":71},"\u003Cpath fill=\"currentColor\" d=\"M12 14q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4.712-.288Q7 13.426 7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14t-.712-.288M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4.712-.288Q7 17.426 7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18t-.712-.288M16 18q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":73},"\u003Cpath fill=\"currentColor\" d=\"M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7z\"\u002F>",1788066102318]