<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2664282203417675125&zx=df7a92a4-8b6f-4b97-9f7a-9900e47526f1' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2664282203417675125&zx=df7a92a4-8b6f-4b97-9f7a-9900e47526f1' 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

By Ishar Yulian Satriani

January 06, 2025

Anda harus mengunjungi situs web Material Design Icons. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang akan dikodekan untuk digunakan.
Pilih salah satu dari menu ikon yang tersedia, misal pilih menu ikon Plus.

Klik pada bagian tombol ikon </> untuk menyalin kode ikon SVG.

Contoh hasil kodenya seperti ini:

<svg fill="currentColor" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"/></svg>

Selesai

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.

Tags:

Docs

Post a Comment

Cancel

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7WSINlzmn_KaPi_ImQdwD1Al5RCw:1755543637398';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2664282203417675125','//whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-ikon-kustom.html','2664282203417675125');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2664282203417675125', 'title': 'Whitespace - Fast \x26amp; Elegant News Blogger Template', 'url': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-ikon-kustom.html', 'canonicalUrl': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://whitespace.gilatemax.com/', 'searchUrl': 'https://whitespace.gilatemax.com/search', 'canonicalHomepageUrl': 'https://whitespace.gilatemax.com/', 'blogspotFaviconUrl': 'https://whitespace.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\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - RSS\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2664282203417675125/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/1398638835331040169/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/e5cf7f8e1203bae2', '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': '1398638835331040169', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Whitespace - Fast \x26amp; Elegant News 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': 'Template Blogger modern untuk blog berita Anda. Desain bersih dan pemuatan instan untuk pengalaman membaca terbaik.', 'url': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-ikon-kustom.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1398638835331040169}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML3'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_banner_ad', 'id': 'HTML1'}, {'title': 'Whitespace - Fast \x26amp; Elegant News Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header__logo', 'id': 'Header1'}, {'title': 'Navigation Drawer', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList3'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList4'}, {'title': 'Navigation Drawer', 'type': 'LinkList', 'sectionId': 'subnavigation', 'id': 'LinkList1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'realtime_crypto', 'id': 'LinkList2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'fascinating_reads', 'id': 'LinkList5'}, {'title': '', 'type': 'LinkList', 'sectionId': 'quick_links', 'id': 'LinkList6'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'quick_links', 'id': 'HTML11'}, {'title': 'Top Stories', 'type': 'LinkList', 'sectionId': 'top_stories', 'id': 'LinkList10'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'top_stories', 'id': 'HTML9'}, {'title': 'News Showcase', 'type': 'LinkList', 'sectionId': 'news_showcase', 'id': 'LinkList11'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'news_showcase', 'id': 'HTML10'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog_section', 'id': 'Blog1', 'posts': [{'id': '1398638835331040169', 'title': 'Cara Mengonfigurasi Ikon Kustom', '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 (Homepage)', 'type': 'HTML', 'sectionId': 'blog_section', 'id': 'HTML8'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ad', 'id': 'HTML111'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ad1', 'id': 'HTML112'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ad', 'id': 'HTML113'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ad2', 'id': 'HTML114'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ad', 'id': 'HTML115'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ad1', 'id': 'HTML116'}, {'title': 'Video', 'type': 'LinkList', 'sectionId': 'video_collection', 'id': 'LinkList7'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'video_collection', 'id': 'HTML4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'flood_the_zone', 'id': 'LinkList8'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'flood_the_zone', 'id': 'HTML6'}, {'title': 'Photo', 'type': 'LinkList', 'sectionId': 'photo_collection', 'id': 'LinkList12'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'photo_collection', 'id': 'HTML12'}, {'title': '', 'type': 'LinkList', 'sectionId': 'spotlight_stack', 'id': 'LinkList9'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'spotlight_stack', 'id': 'HTML7'}, {'title': 'Most popular', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'Components', 'id': 6777769206638633527}, {'title': 'Landmark California diner closes after 8 decades', 'id': 790056534690333046}, {'title': 'Inside China\x27s first Legoland theme park', 'id': 7971409414250811331}, {'title': 'Unlikely California family farm becomes an international destination', 'id': 6315129108650651882}, {'title': 'Job-seeking platforms Indeed and Glassdoor to slash 1,300 jobs as parent company bets on AI', 'id': 2836629228404443909}]}, {'title': 'Most popular tags', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML2'}, {'title': 'Gila Temax', 'type': 'Image', 'sectionId': 'footer1', 'id': 'Image1'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'footer1', 'id': 'LinkList13'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList15'}, {'title': 'Legal \x26amp; Privacy', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList14'}, {'title': 'News', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList16'}, {'title': 'Market Data', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList17'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer3', 'id': 'HTML13'}, {'title': 'Network', 'type': 'LinkList', 'sectionId': 'footer3', 'id': 'LinkList18'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'settings', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'top_banner_ad', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header__logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'hamburger_menu', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'hamburger_menu', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'subnavigation', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'realtime_crypto', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'fascinating_reads', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'quick_links', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'quick_links', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'top_stories', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'top_stories', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'news_showcase', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'news_showcase', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog_section', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/497930099-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'blog_section', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'top_ad', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML112', 'middle_ad1', document.getElementById('HTML112'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML113', 'parallax_ad', document.getElementById('HTML113'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML114', 'middle_ad2', document.getElementById('HTML114'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML115', 'bottom_ad', document.getElementById('HTML115'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML116', 'multiplex_ad1', document.getElementById('HTML116'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'video_collection', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'video_collection', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'flood_the_zone', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'flood_the_zone', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'photo_collection', document.getElementById('LinkList12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'photo_collection', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList9', 'spotlight_stack', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'spotlight_stack', document.getElementById('HTML7'), {}, '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('_HTMLView', new _WidgetInfo('HTML2', 'sticky_sidebar_menu', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer1', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'footer2', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer2', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList16', 'footer2', document.getElementById('LinkList16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList17', 'footer2', document.getElementById('LinkList17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'footer3', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList18', 'footer3', document.getElementById('LinkList18'), {}, 'displayModeFull'));
</script>
</body>