<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=1c885186-3565-40ee-bbe5-8337f63b4aec' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=1c885186-3565-40ee-bbe5-8337f63b4aec' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>

Cara Mengonfigurasi Ikon Kustom

Gila Temax

September 04, 2025

Add

...

Table of Contents

Cara Mengambil Ikon SVG di Google Fonts

Buka Google Fonts Icons

Langkah pertama buka situs fonts.google.com/icons.

Cari dan Pilih Ikon

Gunakan kolom "Search icons" di bagian atas untuk mencari ikon yang Anda butuhkan (misal: "Home", "Settings", atau "User").
Klik pada ikon yang Anda sukai.

Sesuaikan Tampilan (Opsional)

Di panel sebelah kiri, Anda bisa mengatur:

Fill: Ikon terisi warna atau hanya garis tepi.
Weight: Ketebalan garis ikon.
Optical Size: Ukuran presisi ikon agar terlihat tajam di berbagai resolusi.

Salin Kode SVG

Klik tombol untuk menyalin kode SVG.

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/432983155-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7sVVSzxuG0_80_KH7wg6v_TTzSCQ:1772786044366';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7696466796516119751','//bubble.gilatemax.com/2025/09/cara-mendapatkan-ikon-kustom.html','7696466796516119751');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7696466796516119751', 'title': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template', 'url': 'https://bubble.gilatemax.com/2025/09/cara-mendapatkan-ikon-kustom.html', 'canonicalUrl': 'https://bubble.gilatemax.com/2025/09/cara-mendapatkan-ikon-kustom.html', 'homepageUrl': 'https://bubble.gilatemax.com/', 'searchUrl': 'https://bubble.gilatemax.com/search', 'canonicalHomepageUrl': 'https://bubble.gilatemax.com/', 'blogspotFaviconUrl': 'https://bubble.gilatemax.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - RSS\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7696466796516119751/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/4636255143721460243/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/b4ec9ed16a3249cf', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '4636255143721460243', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHaFuolD6tNJ5Bf0aP80VgLxsW3bPs2nu6Q4eBHvZ9tbKKzU_AKIUS4mGmjndGQtA7PqQ9Joe2c2nULZYHbcrQzcAYrG1KwRh9n9RDGQydOPz3vBLKioNGdRKGHwm8VOZh6pJ5_XXK0VsVu2-yZt-LbOAOgiXJ8Hh_CH2mUKsyoMG130LO8STh-Nsuf0/s72-c/Google%20Fonts%20%28Icons%29%201.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHaFuolD6tNJ5Bf0aP80VgLxsW3bPs2nu6Q4eBHvZ9tbKKzU_AKIUS4mGmjndGQtA7PqQ9Joe2c2nULZYHbcrQzcAYrG1KwRh9n9RDGQydOPz3vBLKioNGdRKGHwm8VOZh6pJ5_XXK0VsVu2-yZt-LbOAOgiXJ8Hh_CH2mUKsyoMG130LO8STh-Nsuf0/s1600/Google%20Fonts%20%28Icons%29%201.png', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template: Cara Mengonfigurasi Ikon Kustom', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara Mengonfigurasi Ikon Kustom', 'description': 'Bubble is a premium Blogger template for personal blogs and magazines, featuring a modern design, fast performance, and easy customization.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHaFuolD6tNJ5Bf0aP80VgLxsW3bPs2nu6Q4eBHvZ9tbKKzU_AKIUS4mGmjndGQtA7PqQ9Joe2c2nULZYHbcrQzcAYrG1KwRh9n9RDGQydOPz3vBLKioNGdRKGHwm8VOZh6pJ5_XXK0VsVu2-yZt-LbOAOgiXJ8Hh_CH2mUKsyoMG130LO8STh-Nsuf0/s1600/Google%20Fonts%20%28Icons%29%201.png', 'url': 'https://bubble.gilatemax.com/2025/09/cara-mendapatkan-ikon-kustom.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4636255143721460243}}, {'name': 'widgets', 'data': [{'title': 'Template Code', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML1'}, {'title': 'Text Display', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML3'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'settings', 'id': 'LinkList13'}, {'title': '', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList1'}, {'title': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header_logo', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'navigation_bar', 'id': 'LinkList3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'top_stories', 'id': 'LinkList5'}, {'title': '', 'type': 'LinkList', 'sectionId': 'story_cluster', 'id': 'LinkList4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'fascinating_reads', 'id': 'LinkList14'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML999'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'blog_posts_section', 'id': 'FeaturedPost1', 'postId': '214108325138788681'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog_posts_section', 'id': 'Blog1', 'posts': [{'id': '4636255143721460243', 'title': 'Cara Mengonfigurasi Ikon Kustom', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHaFuolD6tNJ5Bf0aP80VgLxsW3bPs2nu6Q4eBHvZ9tbKKzU_AKIUS4mGmjndGQtA7PqQ9Joe2c2nULZYHbcrQzcAYrG1KwRh9n9RDGQydOPz3vBLKioNGdRKGHwm8VOZh6pJ5_XXK0VsVu2-yZt-LbOAOgiXJ8Hh_CH2mUKsyoMG130LO8STh-Nsuf0/s1600/Google%20Fonts%20%28Icons%29%201.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'labels', 'label': ''}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML111'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads1', 'id': 'HTML112'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML113'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads2', 'id': 'HTML114'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML115'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ads', 'id': 'HTML116'}, {'title': 'Support Gila Temax', 'type': 'LinkList', 'sectionId': 'donation_box_widget', 'id': 'LinkList12'}, {'title': 'Trending Stories', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'China\u2019s Largest Memory Manufacturer, CXMT, Plans to Allocate a \u201cLarge Chunk\u201d of Its DRAM Production to HBM3, Hoping to Compete in the AI Race', 'id': 214108325138788681}, {'title': 'AOC Launches 24G4ZR And 27G4ZR Competitive IPS 260Hz Gaming Monitors With 0.3ms MPRT Response Time', 'id': 8421405352144153058}, {'title': 'TSMC Reportedly Spared From U.S. Tariffs After Mega-Investments in Arizona; Chip Giant to Exempt \u201cBig Tech\u201d Customers', 'id': 121498043181049075}, {'title': 'Cara Mengonfigurasi Fitur Google Preferred Sources', 'id': 5643190762335005031}, {'title': 'Cara Setting Logo Utama Website di Meta Tag og:image (Head Section Blogger)', 'id': 2305582648226176297}]}, {'title': 'Labels (List)', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': 'Labels (Cloud)', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label2'}, {'title': 'Quick Links', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList6'}, {'title': 'Premium Card', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML4'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'floating_ads', 'id': 'HTML7'}, {'title': 'Topics', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList2'}, {'title': 'Sections', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList7'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList8'}, {'title': 'More Templates', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList9'}, {'title': 'Follow us on', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList11'}, {'title': 'Display Language', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList15'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget3', 'id': 'HTML6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget3', 'id': 'LinkList10'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'settings', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'settings', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'settings', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'hamburger_menu', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header_logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'navigation_bar', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'top_stories', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'story_cluster', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'fascinating_reads', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'billboard_ads', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'blog_posts_section', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog_posts_section', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'top_ads', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML112', 'middle_ads1', document.getElementById('HTML112'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML113', 'parallax_ads', document.getElementById('HTML113'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML114', 'middle_ads2', document.getElementById('HTML114'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML115', 'bottom_ads', document.getElementById('HTML115'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML116', 'multiplex_ads', document.getElementById('HTML116'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'donation_box_widget', document.getElementById('LinkList12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_menu', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar_menu', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar_menu', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'sidebar_menu', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sticky_sidebar_menu', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'floating_ads', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer_widget1', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'footer_widget1', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'footer_widget1', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList9', 'footer_widget1', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'footer_widget2', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'footer_widget2', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer_widget3', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'footer_widget3', document.getElementById('LinkList10'), {}, 'displayModeFull'));
</script>
</body>

Bubble