— Exports · Logo oficial · 16 SVGs · 30+ PNGs · Favicons

Arquivos
finais.

Todos os arquivos do logo Quabit para gráfica, web, apps e marketing. SVGs vetoriais, PNGs em 256 / 512 / 1024 / 2048 e favicons para todos os contextos.

SVG · vetorial.

16 arquivos · editável

symbol-primary.svg

Light · sem BGPrincipal

SVG

symbol-primary-bg.svg

Light · com BGSobre fotos

SVG

symbol-dark.svg

Dark · sem BGFundo petrol

SVG

symbol-dark-bg.svg

Dark · com BGAutônomo

SVG

symbol-mono-cream.svg

Mono · creamMarca d'água

SVG

symbol-mono-ink.svg

Mono · inkP&B

SVG

symbol-mono-cream-bg.svg

Mono cream · BGSob. autônomo

SVG

symbol-mono-ink-bg.svg

Mono ink · BGP&B autônomo

SVG

symbol-outline-ink.svg

Outline · inkLinha

SVG

symbol-outline-cream.svg

Outline · creamLinha dark

SVG

lockup-h-primary.svg

Horizontal · lightSímbolo + nome

SVG

lockup-h-dark.svg

Horizontal · darkSímbolo + nome

SVG

lockup-v-primary.svg

Vertical · lightEmpilhado

SVG

lockup-v-dark.svg

Vertical · darkEmpilhado

SVG

wordmark-light.svg

Wordmark · lightSó nome

SVG

wordmark-dark.svg

Wordmark · darkSó nome

SVG

PNG · raster.

10 variantes × 4 tamanhos

Variante	256	512	1024	2048
symbol-primary	256	512	1024	2048
symbol-primary-bg	256	512	1024	2048
symbol-dark	256	512	1024	2048
symbol-dark-bg	256	512	1024	2048
symbol-mono-cream	256	512	1024	2048
symbol-mono-cream-bg	256	512	1024	2048
symbol-mono-ink	256	512	1024	2048
symbol-mono-ink-bg	256	512	1024	2048
symbol-outline-ink	256	512	1024	2048
symbol-outline-cream	—	512	1024	2048

Favicons · ícones de app.

9 arquivos

16 × 16

Favicon mínimo

.png

32 × 32

Favicon padrão

.png

48 × 48

Windows taskbar

.png

180 × 180

Apple touch icon

.png

192 × 192

Android Chrome

.png

512 × 512

PWA / splash

.png

512 · Maskable

PWA safe zone

.png

Dark · 48

Dark mode browser

.png

Vetorial

Qualquer tamanho

.svg

// HTML snippet — cole no <head>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180.png">
<link rel="manifest" href="/site.webmanifest">
  

Referência.

Guia de uso

Quando usar cada versão

Gráfica / impressão	SVG primary ou PNG 2048
Site fundo cream	symbol-primary.svg
Site fundo petrol	symbol-dark.svg
Sobre fotos / bg complexo	symbol-primary-bg.svg
Marca d'água	mono-cream ou mono-ink
Linha / contorno	outline-*.svg
Lockup horizontal	lockup-h-primary.svg
Lockup vertical	lockup-v-primary.svg
Favicon	favicon.svg + PNGs
iOS home screen	apple-touch-icon-180.png
Android / PWA	android-chrome-512 + maskable

Cores oficiais

Petrol	#17463B · bit TL
Emerald	#2F8269 · bit MR · accent
Ink	#0B1513 · bit BL · stroke
Cream	#F2EBDC · fundo light
Petrol Deep	#0E1E1B · fundo dark

Construção

Frame110 × 110u · rx 22u
Stroke3.2u
Bit TL28×28 · rx 6 · 26,26
Bit MR28×28 · rx 6 · 58,42
Bit BL28×28 · rx 6 · 26,58

Arquivosfinais.

Arquivos
finais.