<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4845977304080805748&zx=fb02790e-7372-464d-8f2f-6abdf1700663' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4845977304080805748&zx=fb02790e-7372-464d-8f2f-6abdf1700663' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-8431500449081150 -->

</head><body>

Cara Mengonfigurasi Ikon Kustom

Oleh Gila Temax

September 04, 2025

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.

Berita Terkait

Berita Terbaru

Lihat Selengkapnya

Posting Komentar

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3935100173-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZqUFemn-am-1JWWgClWfL0E:1782290163688';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4845977304080805748','//shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-ikon-kustom.html','4845977304080805748');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4845977304080805748', 'title': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template', 'url': 'https://shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-ikon-kustom.html', 'canonicalUrl': 'https://shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://shocktimespro.gilatemax.com/', 'searchUrl': 'https://shocktimespro.gilatemax.com/search', 'canonicalHomepageUrl': 'https://shocktimespro.gilatemax.com/', 'blogspotFaviconUrl': 'https://shocktimespro.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': 'id', 'localeUnderscoreDelimited': 'id', '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\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - RSS\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4845977304080805748/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/4593265545629185666/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8431500449081150', '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/ecd9ca2a5bef9569', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke 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: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '4593265545629185666', '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': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template: Cara Mengonfigurasi Ikon Kustom', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', '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': 'ShockTimes adalah template Blogger berita modern, ringan, cepat, dan profesional, dirancang untuk tampilan elegan dan performa optimal.', '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://shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-ikon-kustom.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4593265545629185666}}, {'name': 'widgets', 'data': [{'title': 'Template Code', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML1'}, {'title': 'Text Display', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML2'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'settings', 'id': 'LinkList2'}, {'title': 'Iklan - Scroll ke bawah untuk melanjutkan', 'type': 'HTML', 'sectionId': 'ad_awareness', 'id': 'HTML9'}, {'title': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header_logo', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'navigation_bar', 'id': 'LinkList1'}, {'title': 'Breaking News', 'type': 'LinkList', 'sectionId': 'news_ticker', 'id': 'LinkList3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList4'}, {'title': 'Trending', 'type': 'LinkList', 'sectionId': 'trending_topics', 'id': 'LinkList10'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'headline_news', 'id': 'LinkList6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'secondary_news', 'id': 'LinkList12'}, {'title': 'Info Seputar Haji 2026', 'type': 'LinkList', 'sectionId': 'editor_choice', 'id': 'LinkList13'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog_posts_section', 'id': 'Blog1', 'posts': [{'id': '4593265545629185666', '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': 'Rekomendasi', 'type': 'LinkList', 'sectionId': 'recommendation_news', 'id': 'LinkList9'}, {'title': 'Topik Pilihan', 'type': 'LinkList', 'sectionId': 'multi_category_grid', 'id': 'LinkList11'}, {'title': 'Video Berita', 'type': 'LinkList', 'sectionId': 'news_videos', 'id': 'LinkList15'}, {'title': 'Terpopuler', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'Sewa Golf Cart di Masjidilharam hanya 200 Riyal, Solusi Tawaf untuk Jemaah Lansia dan Disabilitas', 'id': 7732177200194773084}, {'title': 'Asosiasi Bisnis Nusantara Bakal Jembatani Kesenjangan Akses Pasar dan Pendanaan', 'id': 6669077602831095003}, {'title': 'May Day 1 Mei 2026 Libur Nasional, Ini Jadwal Operasional Logistik Paket', 'id': 3393100468149760199}, {'title': 'Tujuh Jemaah Haji Indonesia Wafat, Mayoritas karena Serangan Jantung dan Radang Paru-Paru', 'id': 7869363042996423360}, {'title': 'Ini 5 Fitur Anti Repot Mitsubishi XForce untuk Mudahkan Pengemudi', 'id': 1641172451798778893}]}, {'title': 'Tag Terpopuler', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label2'}, {'title': 'ShockTimes \x3ci\x3eNetwork\x3c/i\x3e', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList14'}, {'title': 'Discovery Sidebar', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList16'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML3'}, {'title': 'Advertisement (Left)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML998'}, {'title': 'Advertisement (Right)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML999'}, {'title': 'Gila Temax', 'type': 'Image', 'sectionId': 'footer_widget', 'id': 'Image1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget', 'id': 'LinkList7'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget', 'id': 'LinkList8'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget', 'id': 'HTML6'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'settings', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'settings', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'settings', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'ad_awareness', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header_logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'navigation_bar', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'news_ticker', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'hamburger_menu', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'trending_topics', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'billboard_ads', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'headline_news', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'secondary_news', document.getElementById('LinkList12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'editor_choice', document.getElementById('LinkList13'), {}, '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('LinkList9', 'recommendation_news', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'multi_category_grid', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'news_videos', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_menu', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar_menu', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'sidebar_menu', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList16', 'sidebar_menu', document.getElementById('LinkList16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sticky_sidebar_menu', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sticky_sidebar_menu', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'skyscraper_ads', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'skyscraper_ads', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer_widget', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'footer_widget', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'footer_widget', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer_widget', document.getElementById('HTML6'), {}, 'displayModeFull'));
</script>
</body>