{"id":13563,"date":"2023-05-06T04:52:39","date_gmt":"2023-05-06T08:52:39","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13563"},"modified":"2023-05-08T10:33:21","modified_gmt":"2023-05-08T14:33:21","slug":"how-do-i-change-the-share-icon-in-my-apps","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/how-do-i-change-the-share-icon-in-my-apps\/","title":{"rendered":"How do I change the &#8220;Share&#8221; icon in my apps?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to change the &#8220;Share&#8221; icon in your apps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your&nbsp;<strong>App Manager<\/strong>&nbsp;and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>&nbsp;Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>&nbsp;Scroll down to the&nbsp;<strong>Advanced SCSS box<\/strong>.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: CHANGE SHARE ICON ***\/\ni.icon.ion-ios-upload-outline:before {\ncontent: \"\\f2c9\";\n}\n\/*** END: CHANGE SHARE ICON ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>&nbsp;Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">NOTE: Be sure to change &#8220;f2c9&#8221; to the code of the icon that you want to use.&nbsp;You can obtain the icon codes from the <a rel=\"noreferrer noopener\" href=\"https:\/\/fontawesome.com\" target=\"_blank\">Font Awesome<\/a> website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to change the &#8220;Share&#8221; icon in your apps. 1)&nbsp;Log into your&nbsp;App Manager&nbsp;and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)&nbsp;Scroll down to the&nbsp;Advanced SCSS box.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code. 4)&nbsp;Click&nbsp;Save. NOTE: Be sure to change &#8220;f2c9&#8221; to the code of the icon that you want to use.&nbsp;You can obtain the icon codes from the Font Awesome website.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13563","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13563"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13563\/revisions"}],"predecessor-version":[{"id":14210,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13563\/revisions\/14210"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13563"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}