{"id":19639,"date":"2022-09-15T18:50:15","date_gmt":"2022-09-15T21:50:15","guid":{"rendered":"https:\/\/blog2.mindthegraph.com\/?post_type=faq&#038;p=19639"},"modified":"2023-05-19T15:54:09","modified_gmt":"2023-05-19T18:54:09","slug":"how-to-change-an-icons-background","status":"publish","type":"faq","link":"https:\/\/mindthegraph.com\/blog\/sv_se\/faq\/hur-man-andrar-en-ikon-bakgrund\/","title":{"rendered":"How to change an icon&#8217;s background?"},"content":{"rendered":"\n<p>You may have noticed that most of our icons have no background.<\/p>\n\n\n\n<p>That way you have more autonomy to change the entire background of your creation. ?<br>But if you need your icon to have a specific background, don&#8217;t worry!&nbsp;<\/p>\n\n\n\n<p>You can change it to the shape and color you want, just by following the steps below:<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background\" style=\"background-color:#212121\">1. On the <strong>toolbar<\/strong>, select the &#8220;<strong>Shapes<\/strong>&#8221; option;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background\" style=\"background-color:#212121\">2. Choose which <strong>background shape <\/strong>you want;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background\" style=\"background-color:#212121\">3. Drag the <strong>shape<\/strong> to the place or icon you want the <strong>background<\/strong> to be;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background\" style=\"background-color:#212121\">4. Adjust the <strong>size<\/strong> and <strong>color<\/strong>;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background\" style=\"background-color:#212121\">5. If the icon is already in the creation, just select the <strong>shape<\/strong> and &#8220;<strong>send to back<\/strong>&#8221; in the toolbar at the top of the screen.<\/p>\n\n\n\n<p>You can check all the steps of the process here ?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1014\" height=\"635\" src=\"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8.png\" alt=\"\" class=\"wp-image-27968\" srcset=\"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8.png 1014w, https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8-300x188.png 300w, https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8-768x481.png 768w, https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8-18x12.png 18w, https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8-100x63.png 100w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><\/figure>\n\n\n\n<p>Still have doubts?<br>Get in touch with us through the chat button!<\/p>\n","protected":false},"menu_order":0,"template":"","format":"standard","categories":[944,947],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to change an icon&#039;s background? - Mind the Graph Blog<\/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:\/\/mindthegraph.com\/blog\/sv_se\/faq\/hur-man-andrar-en-ikon-bakgrund\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change an icon&#039;s background? - Mind the Graph Blog\" \/>\n<meta property=\"og:description\" content=\"You may have noticed that most of our icons have no background. That way you have more autonomy to change the entire background of your creation. ?But if you need your icon to have a specific background, don&#8217;t worry!&nbsp; You can change it to the shape and color you want, just by following the steps [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mindthegraph.com\/blog\/sv_se\/faq\/hur-man-andrar-en-ikon-bakgrund\/\" \/>\n<meta property=\"og:site_name\" content=\"Mind the Graph Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-19T18:54:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change an icon's background? - Mind the Graph Blog","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:\/\/mindthegraph.com\/blog\/sv_se\/faq\/hur-man-andrar-en-ikon-bakgrund\/","og_locale":"sv_SE","og_type":"article","og_title":"How to change an icon's background? - Mind the Graph Blog","og_description":"You may have noticed that most of our icons have no background. That way you have more autonomy to change the entire background of your creation. ?But if you need your icon to have a specific background, don&#8217;t worry!&nbsp; You can change it to the shape and color you want, just by following the steps [&hellip;]","og_url":"https:\/\/mindthegraph.com\/blog\/sv_se\/faq\/hur-man-andrar-en-ikon-bakgrund\/","og_site_name":"Mind the Graph Blog","article_modified_time":"2023-05-19T18:54:09+00:00","og_image":[{"url":"https:\/\/mindthegraph.com\/blog\/wp-content\/uploads\/2023\/05\/8.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mindthegraph.com\/blog\/faq\/how-to-change-an-icons-background\/","url":"https:\/\/mindthegraph.com\/blog\/faq\/how-to-change-an-icons-background\/","name":"How to change an icon's background? - Mind the Graph Blog","isPartOf":{"@id":"https:\/\/mindthegraph.com\/blog\/#website"},"datePublished":"2022-09-15T21:50:15+00:00","dateModified":"2023-05-19T18:54:09+00:00","breadcrumb":{"@id":"https:\/\/mindthegraph.com\/blog\/faq\/how-to-change-an-icons-background\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mindthegraph.com\/blog\/faq\/how-to-change-an-icons-background\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mindthegraph.com\/blog\/faq\/how-to-change-an-icons-background\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mindthegraph.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to change an icon&#8217;s background?"}]},{"@type":"WebSite","@id":"https:\/\/mindthegraph.com\/blog\/#website","url":"https:\/\/mindthegraph.com\/blog\/","name":"Mind the Graph Blog","description":"Your science can be beautiful!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mindthegraph.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"}]}},"_links":{"self":[{"href":"https:\/\/mindthegraph.com\/blog\/sv_se\/wp-json\/wp\/v2\/faq\/19639"}],"collection":[{"href":"https:\/\/mindthegraph.com\/blog\/sv_se\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/mindthegraph.com\/blog\/sv_se\/wp-json\/wp\/v2\/types\/faq"}],"wp:attachment":[{"href":"https:\/\/mindthegraph.com\/blog\/sv_se\/wp-json\/wp\/v2\/media?parent=19639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mindthegraph.com\/blog\/sv_se\/wp-json\/wp\/v2\/categories?post=19639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}