{"id":7753,"date":"2026-06-19T12:14:53","date_gmt":"2026-06-19T15:14:53","guid":{"rendered":"https:\/\/www.bybrand.io\/docs\/?post_type=ht_kb&#038;p=7753"},"modified":"2026-06-19T12:24:23","modified_gmt":"2026-06-19T15:24:23","slug":"outlook-icones-com-texto","status":"publish","type":"ht_kb","link":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/","title":{"rendered":"Problema com o alinhamento de \u00edcones com texto no Outlook"},"content":{"rendered":"\n<p>Este tutorial explica por que, em alguns casos, os \u00edcones de uma assinatura de e-mail podem ficar desalinhados em rela\u00e7\u00e3o ao texto no Outlook. Isso pode acontecer principalmente em assinaturas que usam \u00edcones ao lado de informa\u00e7\u00f5es como telefone, e-mail, site ou endere\u00e7o.<\/p>\n\n\n\n<p>Infelizmente, esse comportamento est\u00e1 relacionado \u00e0 forma como o editor do Outlook interpreta e reescreve o HTML da assinatura.<\/p>\n\n\n\n<p>Exemplo de uma assinatura de e-mail com \u00edcones e texto n\u00e3o alinhados.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"657\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png\" alt=\"Problema com o alinhamento de \u00edcones com texto no Outlook.\" class=\"wp-image-7754\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png 887w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem-300x222.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem-768x569.png 768w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem-50x37.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem-60x44.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem-100x74.png 100w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/figure>\n\n\n\n<p>Observe no exemplo que o texto fica alinhado verticalmente por baixo, e n\u00e3o no centro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que o alinhamento dos \u00edcones muda no Outlook?<\/h2>\n\n\n\n<p>O Outlook pode alterar automaticamente o c\u00f3digo HTML da assinatura ao salvar ou carregar a assinatura no editor.<\/p>\n\n\n\n<p>Isso significa que, mesmo que a assinatura tenha sido criada corretamente na Bybrand, o Outlook pode remover algumas tags ou atributos HTML importantes usados para manter o alinhamento vertical entre \u00edcones e textos.<\/p>\n\n\n\n<p>Por exemplo, propriedades usadas para alinhar um \u00edcone ao centro do texto podem ser removidas pelo Outlook. Como resultado, o \u00edcone pode aparecer um pouco acima ou abaixo da linha do texto.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Observa\u00e7\u00e3o:<\/strong> esse comportamento \u00e9 causado pelo pr\u00f3prio editor do Outlook. N\u00e3o \u00e9 uma falha da assinatura criada na Bybrand.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tentando for\u00e7ar o alinhamento vertical<\/h2>\n\n\n\n<p>Uma poss\u00edvel tentativa \u00e9 ajustar o alinhamento vertical dos \u00edcones para que eles fiquem centralizados em rela\u00e7\u00e3o ao texto.<\/p>\n\n\n\n<p>Na pr\u00e1tica, isso pode ser feito usando ajustes no HTML da assinatura, como alinhamento vertical em tabelas ou imagens.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"368\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align.png\" alt=\"Tentando for\u00e7ar o alinhamento vertical.\" class=\"wp-image-7759\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align.png 605w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align-300x182.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align-50x30.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align-60x36.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align-100x61.png 100w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/figure>\n\n\n\n<p>No entanto, essa solu\u00e7\u00e3o n\u00e3o funciona em 100% dos casos, porque o Outlook pode remover esse par\u00e2metro ao carregar ou salvar a assinatura.<\/p>\n\n\n\n<p>V\u00eddeo exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/vertical-text-align.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Alternativas recomendadas<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Substituir \u00edcones por texto<\/h3>\n\n\n\n<p>Se o desalinhamento continuar acontecendo, recomendamos uma alternativa mais est\u00e1vel: substituir os \u00edcones por textos simples.<\/p>\n\n\n\n<p>Em vez de usar um \u00edcone para identificar telefone, e-mail, site ou endere\u00e7o, voc\u00ea pode usar palavras como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Telefone:<\/li>\n\n\n\n<li>E-mail:<\/li>\n\n\n\n<li>Site:<\/li>\n\n\n\n<li>Endere\u00e7o:<\/li>\n<\/ul>\n\n\n\n<p>Exemplo, assinatura de e-mail sem \u00edcones com texto para o Outlook.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"378\" height=\"312\" src=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only.png\" alt=\"Exemplo, assinatura de e-mail sem \u00edcones com texto.\" class=\"wp-image-7756\" srcset=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only.png 378w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only-300x248.png 300w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only-50x41.png 50w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only-60x50.png 60w, https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_Text_Only-100x83.png 100w\" sizes=\"auto, (max-width: 378px) 100vw, 378px\" \/><\/figure>\n\n\n\n<p>Essa op\u00e7\u00e3o \u00e9 mais simples, mais compat\u00edvel com o Outlook e reduz o risco de problemas visuais na assinatura.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reduzir o tamanho dos \u00edcones<\/h3>\n\n\n\n<p>Se os \u00edcones forem muito grandes, o desalinhamento pode ficar mais evidente.<\/p>\n\n\n\n<p>Uma alternativa simples \u00e9 reduzir a dimens\u00e3o dos \u00edcones para algo entre <strong>20px e 25px<\/strong>. \u00cdcones menores tendem a minimizar a percep\u00e7\u00e3o do desalinhamento e deixam a assinatura com uma apar\u00eancia mais equilibrada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Usar h\u00edfen<\/h3>\n\n\n\n<p>Outra op\u00e7\u00e3o \u00e9 remover os \u00edcones e deixar apenas um h\u00edfen antes das informa\u00e7\u00f5es.<\/p>\n\n\n\n<p>Exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- Explore Partnership Opportunities\n- Download Our Executive Guide\n- Connect on LinkedIn<\/code><\/pre>\n\n\n\n<p>Essa alternativa mant\u00e9m a assinatura limpa e f\u00e1cil de entender, sem depender de imagens ou alinhamento visual complexo.<\/p>\n\n\n\n<p>Na maioria dos casos, as informa\u00e7\u00f5es j\u00e1 s\u00e3o autoexplicativas, especialmente quando o e-mail, telefone ou site seguem um formato conhecido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Artigos relacionados<\/h2>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode consultar estes tutoriais:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-nao-mostra-imagens\/\">Outlook n\u00e3o mostra imagens na assinatura de e-mail<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/corrigindo-redimensionamento-das-imagens\/\">Corrigindo redimensionamento das imagens na assinatura de e-mail<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00cdcones na assinatura de e-mail desalinhados em rela\u00e7\u00e3o ao texto no Outlook.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[89],"ht-kb-tag":[],"class_list":["post-7753","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-outlook-pt"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand\" \/>\n<meta property=\"og:description\" content=\"\u00cdcones na assinatura de e-mail desalinhados em rela\u00e7\u00e3o ao texto no Outlook.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-19T15:24:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png\" \/>\n\t<meta property=\"og:image:width\" content=\"887\" \/>\n\t<meta property=\"og:image:height\" content=\"657\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/\",\"name\":\"Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Outlook_HTML_Signature_IconsText_Problem.png\",\"datePublished\":\"2026-06-19T15:14:53+00:00\",\"dateModified\":\"2026-06-19T15:24:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Outlook_HTML_Signature_IconsText_Problem.png\",\"contentUrl\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Outlook_HTML_Signature_IconsText_Problem.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/pt-br\\\/article\\\/outlook-icones-com-texto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Problema com o alinhamento de \u00edcones com texto no Outlook\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/\",\"name\":\"Bybrand - Knowledge base\",\"description\":\"Business Email Signature Manager for IT Managers, and Marketers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bybrand.io\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/","og_locale":"pt_BR","og_type":"article","og_title":"Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand","og_description":"\u00cdcones na assinatura de e-mail desalinhados em rela\u00e7\u00e3o ao texto no Outlook.","og_url":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_modified_time":"2026-06-19T15:24:23+00:00","og_image":[{"width":887,"height":657,"url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@bybrandio","twitter_misc":{"Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/","url":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/","name":"Problema com o alinhamento de \u00edcones com texto no Outlook - Bybrand","isPartOf":{"@id":"https:\/\/www.bybrand.io\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png","datePublished":"2026-06-19T15:14:53+00:00","dateModified":"2026-06-19T15:24:23+00:00","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/#primaryimage","url":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png","contentUrl":"https:\/\/www.bybrand.io\/docs\/wp-content\/uploads\/2026\/06\/Outlook_HTML_Signature_IconsText_Problem.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/docs\/pt-br\/article\/outlook-icones-com-texto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bybrand.io\/docs\/"},{"@type":"ListItem","position":2,"name":"Problema com o alinhamento de \u00edcones com texto no Outlook"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/docs\/#website","url":"https:\/\/www.bybrand.io\/docs\/","name":"Bybrand - Knowledge base","description":"Business Email Signature Manager for IT Managers, and Marketers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/7753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/comments?post=7753"}],"version-history":[{"count":5,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/7753\/revisions"}],"predecessor-version":[{"id":7769,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb\/7753\/revisions\/7769"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/media?parent=7753"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb-category?post=7753"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/docs\/pt-br\/wp-json\/wp\/v2\/ht-kb-tag?post=7753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}