<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1383083010630236748&zx=fed0105c-d184-46cc-928b-8472510798e5' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1383083010630236748&zx=fed0105c-d184-46cc-928b-8472510798e5' 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>

Customize your view

Setting applies to this browser only

Background

Light
Dark
System default

Cara Mengonfigurasi Ikon Kustom

Ishar Yulian Satriani

December 14, 2023 September 05, 2023

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.

Read Also

Share:

Posted by:

Ishar Yulian Satriani

Front-end web developer at Gila Temax.
Follow me on: Instagram

You may like these posts Show all

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2263754362-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4fAWQ9Lax8lN8PeUe9pLRRoqa-BA:1733244969865';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1383083010630236748','//zerchpro.gilatemax.com/2023/09/cara-mengonfigurasi-ikon-kustom.html?hl\x3den','1383083010630236748');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1383083010630236748', 'title': 'Zerch Pro', 'url': 'https://zerchpro.gilatemax.com/2023/09/cara-mengonfigurasi-ikon-kustom.html?hl\x3den', 'canonicalUrl': 'https://zerchpro.gilatemax.com/2023/09/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://zerchpro.gilatemax.com/?hl\x3den', 'searchUrl': 'https://zerchpro.gilatemax.com/search', 'canonicalHomepageUrl': 'https://zerchpro.gilatemax.com/', 'blogspotFaviconUrl': 'https://zerchpro.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\x22Zerch Pro - Atom\x22 href\x3d\x22https://zerchpro.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Zerch Pro - RSS\x22 href\x3d\x22https://zerchpro.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zerch Pro - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1383083010630236748/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Zerch Pro - Atom\x22 href\x3d\x22https://zerchpro.gilatemax.com/feeds/554948754027001831/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/0399bd29ab1434ad', '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': '554948754027001831', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Zerch Pro: 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': '', 'url': 'https://zerchpro.gilatemax.com/2023/09/cara-mengonfigurasi-ikon-kustom.html?hl\x3den', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 554948754027001831}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML45'}, {'title': 'Zerch Pro (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Recent searches', 'type': 'HTML', 'sectionId': 'custom_searches', 'id': 'HTML2'}, {'title': 'Most popular', 'type': 'PopularPosts', 'sectionId': 'custom_searches', 'id': 'PopularPosts2', 'posts': [{'title': 'Cara Mengonfigurasi Widget Iklan', 'id': 6465713272037926639}, {'title': 'Cara Mengonfigurasi Fitur Navigation System', 'id': 2320678285935111674}, {'title': 'Cara Mengonfigurasi Fitur Halaman Sitemap', 'id': 3692955223009260872}, {'title': 'Cara Mengonfigurasi Fitur Reading Time', 'id': 755231212184757408}, {'title': 'Cara Mengonfigurasi Menu Navigasi', 'id': 3893314258297677001}, {'title': 'Cara Mengonfigurasi Ikon Kustom', 'id': 554948754027001831}, {'title': 'Cara Mengonfigurasi Fitur Custom Searches', 'id': 628946985022067638}, {'title': 'UX in flux: what lead to the layoffs and what lies ahead', 'id': 6951451626800458472}, {'title': 'Cara Mengonfigurasi Fitur Product Showcase Generator', 'id': 9202611150322202324}, {'title': 'Zerch Pro - Components (Manual Mode)', 'id': 4391970694219831541}]}, {'title': 'Live Search', 'type': 'HTML', 'sectionId': 'custom_searches', 'id': 'HTML3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': 'For you', 'type': 'HTML', 'sectionId': 'custom_widget_posts1', 'id': 'HTML7'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML1'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '2038051127902063203'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '554948754027001831', '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', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_1', 'id': 'HTML91'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML92'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_2', 'id': 'HTML93'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'matched_content_ads', 'id': 'HTML75'}, {'title': 'Your topics', 'type': 'LinkList', 'sectionId': 'custom_widget_posts2', 'id': 'LinkList3'}, {'title': 'Product Showcase 1', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML8'}, {'title': 'Product Showcase 2', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML9'}, {'title': 'Product Showcase 3', 'type': 'HTML', 'sectionId': 'custom_widget_posts3', 'id': 'HTML10'}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'sidebar', 'id': 'Profile1'}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar', 'id': 'Label1'}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'Cara Mengonfigurasi Widget Iklan', 'id': 6465713272037926639}, {'title': 'Cara Mengonfigurasi Fitur Navigation System', 'id': 2320678285935111674}, {'title': 'Cara Mengonfigurasi Fitur Halaman Sitemap', 'id': 3692955223009260872}, {'title': 'Cara Mengonfigurasi Fitur Reading Time', 'id': 755231212184757408}, {'title': 'Cara Mengonfigurasi Menu Navigasi', 'id': 3893314258297677001}]}, {'title': 'Recent Posts', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML4'}, {'title': 'Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar', 'id': 'BlogArchive1'}, {'title': 'More Templates', 'type': 'LinkList', 'sectionId': 'sidebar', 'id': 'LinkList2'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar', 'id': 'HTML6'}, {'title': 'Company Logo', 'type': 'Image', 'sectionId': 'footer_widget_1', 'id': 'Image1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget_1', 'id': 'LinkList7'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'footer_widget_1', 'id': 'LinkList10'}, {'title': 'Footer Credit', 'type': 'HTML', 'sectionId': 'footer_widget_2', 'id': 'HTML38'}, {'title': '', 'type': 'PageList', 'sectionId': 'footer_widget_2', 'id': 'PageList1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget_3', 'id': 'LinkList38'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML45', 'settings', document.getElementById('HTML45'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'custom_searches', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'custom_searches', document.getElementById('PopularPosts2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'custom_searches', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'custom_widget_posts1', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'billboard_ads', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1552201831-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'middle_ads_1', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'parallax_ads', document.getElementById('HTML92'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML93', 'middle_ads_2', document.getElementById('HTML93'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML75', 'matched_content_ads', document.getElementById('HTML75'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'custom_widget_posts2', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'custom_widget_posts3', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'custom_widget_posts3', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'custom_widget_posts3', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'sidebar', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sticky_sidebar', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer_widget_1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'footer_widget_1', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'footer_widget_1', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML38', 'footer_widget_2', document.getElementById('HTML38'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'footer_widget_2', document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': false, 'href': '#', 'title': 'Terms'}, {'isCurrentPage': false, 'href': '#', 'title': 'Privacy'}, {'isCurrentPage': false, 'href': '#', 'title': 'Cookies'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList38', 'footer_widget_3', document.getElementById('LinkList38'), {}, 'displayModeFull'));
</script>
</body>