Cara Mengonfigurasi Ikon Kustom

August 05, 2024

Table of Contents

Cara Mendapatkan Ikon dari Material Design Icons

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

Cara Mendapatkan Ikon dari hugeicons

Segera hadir.

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

Cancel

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/745881458-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7fH30rmJYtecSeyogEAQw_9NT7bg:1735206837974';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d723625466281204633','//maximum.gilatemax.com/2024/08/cara-mengonfigurasi-ikon-kustom.html','723625466281204633');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '723625466281204633', 'title': 'Maximum', 'url': 'https://maximum.gilatemax.com/2024/08/cara-mengonfigurasi-ikon-kustom.html', 'canonicalUrl': 'https://maximum.gilatemax.com/2024/08/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://maximum.gilatemax.com/', 'searchUrl': 'https://maximum.gilatemax.com/search', 'canonicalHomepageUrl': 'https://maximum.gilatemax.com/', 'blogspotFaviconUrl': 'https://maximum.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\x22Maximum - Atom\x22 href\x3d\x22https://maximum.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Maximum - RSS\x22 href\x3d\x22https://maximum.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Maximum - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/723625466281204633/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Maximum - Atom\x22 href\x3d\x22https://maximum.gilatemax.com/feeds/5531379110900575596/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/361ce9cf7a112c52', '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': '5531379110900575596', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Maximum: 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://maximum.gilatemax.com/2024/08/cara-mengonfigurasi-ikon-kustom.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5531379110900575596}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML74'}, {'title': 'Maximum (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'call_to_action', 'id': 'LinkList2'}, {'title': '', 'type': 'HTML', 'sectionId': 'hero', 'id': 'HTML1'}, {'title': '', 'type': 'HTML', 'sectionId': 'stats', 'id': 'HTML14'}, {'title': '', 'type': 'HTML', 'sectionId': 'benefits', 'id': 'HTML2'}, {'title': '', 'type': 'HTML', 'sectionId': 'services', 'id': 'HTML3'}, {'title': '', 'type': 'HTML', 'sectionId': 'features', 'id': 'HTML4'}, {'title': '', 'type': 'HTML', 'sectionId': 'testimonial', 'id': 'HTML6'}, {'title': '', 'type': 'HTML', 'sectionId': 'pricing', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'faqq', 'id': 'HTML8'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML13'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '5531379110900575596', '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': 'multiplex_ads', 'id': 'HTML75'}, {'title': 'Search Bar', 'type': 'HTML', 'sectionId': 'sidebar_menu', 'id': 'HTML12'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'Cara Mengonfigurasi Fitur HTML Generator', 'id': 1950091166071708405}, {'title': 'Cara Mengonfigurasi Ikon Kustom', 'id': 5531379110900575596}, {'title': 'Components (Manual Mode)', 'id': 4475484183577312610}, {'title': 'Iconic Southern California fast food statue severed in chaotic car crash', 'id': 8268199758584375761}, {'title': 'Cara Mengonfigurasi Tampilan Template', 'id': 8305889772255744898}]}, {'title': 'Tags', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML11'}, {'title': '', 'type': 'HTML', 'sectionId': 'contact_us', 'id': 'HTML9'}, {'title': '', 'type': 'LinkList', 'sectionId': 'customize', 'id': 'LinkList7'}, {'title': '', 'type': 'Image', 'sectionId': 'footer_widget1', 'id': 'Image1'}, {'title': 'Framework', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList4'}, {'title': 'Resources', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList5'}, {'title': 'Product', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList6'}, {'title': 'Social', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList3'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget2', 'id': 'HTML10'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList8'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML74', 'settings', document.getElementById('HTML74'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'call_to_action', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'hero', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'stats', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'benefits', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'services', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'features', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'testimonial', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'pricing', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'faqq', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'billboard_ads', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3846405171-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', 'multiplex_ads', document.getElementById('HTML75'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar_menu', document.getElementById('HTML12'), {}, '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('HTML11', 'sticky_sidebar_menu', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'contact_us', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'customize', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer_widget1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'footer_widget1', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'footer_widget1', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'footer_widget1', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'footer_widget1', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'footer_widget2', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'footer_widget2', document.getElementById('LinkList8'), {}, 'displayModeFull'));
</script>
</body>