Article Font Size

Small

Medium

Large

On this page

Cara Mengonfigurasi Ikon Kustom

September 05, 2024

by Gila Temax

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.

Related Posts

Related Posts

Post a Comment

Cancel

Gadget Products

Samsung Galaxy S24 Ultra [12/512], Smartphone AI, AI Phone, Handphone AI, Kamera 50MP, Layar besar, RAM besar, Baterai tahan lama - Titanium Gray

Rp21.499.000

Purchase

Apple iPhone 15 Pro Garansi Resmi - 128GB 256GB 512GB 1T - White, 128GB

Rp17.799.000

Purchase

Infinix Note 40 8/256GB - Up to 16GB Extended RAM - Helio G99 - 6.78” - Obsidian Black

Rp2.299.000

Purchase

Clothing Products

Kaos Polos Oversize Pria Wanita Tapaxco Pocket White T-Shirt Casual Local Original Cotton Combed 30s - Dusty Pink, XL

Rp38.000

Purchase

Cosmic T-Shirt Kaos Pria MODEL KIT LS Lengan Panjang - XL

Rp120.000

Purchase

Geoff Max - Heavyweight 16s (Power16) - Pure SS 16 Atom Blue | Baju Pocket Kaos Pria Wanita T-shirt Unisex - M

Rp99.000

Purchase

Food Products

BASRENG 1KG PEDAS DAUN JERUK ORIGINAL - Pedas

Rp36.000

Purchase

Kanzler Beef Cocktail 250gr | Kanjler Sosis Kecil Kenzler Sapi

Rp27.100

Purchase

kripik usus pedas Hah 500gr

Rp34.500

Purchase

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2806328968-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY49YJv3AZDMC9ab2hU5Xx3IMSiSHg:1743660133652';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5689507284257121143','//spacebackui.gilatemax.com/2024/09/cara-mengonfigurasi-ikon-kustom.html','5689507284257121143');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5689507284257121143', 'title': 'Spaceback UI', 'url': 'https://spacebackui.gilatemax.com/2024/09/cara-mengonfigurasi-ikon-kustom.html', 'canonicalUrl': 'https://spacebackui.gilatemax.com/2024/09/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://spacebackui.gilatemax.com/', 'searchUrl': 'https://spacebackui.gilatemax.com/search', 'canonicalHomepageUrl': 'https://spacebackui.gilatemax.com/', 'blogspotFaviconUrl': 'https://spacebackui.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\x22Spaceback UI - Atom\x22 href\x3d\x22https://spacebackui.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Spaceback UI - RSS\x22 href\x3d\x22https://spacebackui.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Spaceback UI - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5689507284257121143/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Spaceback UI - Atom\x22 href\x3d\x22https://spacebackui.gilatemax.com/feeds/6498090413492532720/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/f83aabf0a8426f66', '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': '6498090413492532720', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Spaceback UI: 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://spacebackui.gilatemax.com/2024/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': 6498090413492532720}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML74'}, {'title': 'Spaceback UI (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'navigation_menu', 'id': 'LinkList1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'social_media', 'id': 'LinkList3'}, {'title': 'Slider Posts', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts1', 'id': 'LinkList5'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads1', 'id': 'HTML8'}, {'title': 'This week\x27s posts', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts2', 'id': 'LinkList8'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads2', 'id': 'HTML83'}, {'title': 'For you', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts3', 'id': 'LinkList6'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads3', 'id': 'HTML81'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '5940629005294304850'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '6498090413492532720', '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': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads4', 'id': 'HTML21'}, {'title': 'Your topics', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts4', 'id': 'LinkList2'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads5', 'id': 'HTML212'}, {'title': 'Jobs from Jobzeek (JOB)', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts_jobzeek', 'id': 'LinkList18'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads6', 'id': 'HTML71'}, {'title': 'Gadget Products', 'type': 'HTML', 'sectionId': 'product_showcase', 'id': 'HTML3'}, {'title': 'Clothing Products', 'type': 'HTML', 'sectionId': 'product_showcase', 'id': 'HTML4'}, {'title': 'Food Products', 'type': 'HTML', 'sectionId': 'product_showcase', 'id': 'HTML7'}, {'title': 'Trending', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'The secret that helped this California burger dethrone In-N-Out', 'id': 6155782876665428027}, {'title': 'This Nevada national park is so empty, it doesn\x27t even have an entrance fee', 'id': 142483524447159561}, {'title': 'This near-century-old Bay Area restaurant\x27s famous sandwich is worth the hype', 'id': 6603569880739290966}]}, {'title': 'Recent Posts', 'type': 'HTML', 'sectionId': 'sidebar_menu', 'id': 'HTML6'}, {'title': 'Recent Comments', 'type': 'HTML', 'sectionId': 'sidebar_menu', 'id': 'HTML9'}, {'title': 'Tags', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': 'Subscribe Box', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'customize', 'id': 'LinkList7'}, {'title': '', 'type': 'Image', 'sectionId': 'footer_widget1', 'id': 'Image1'}, {'title': 'Framework', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList43'}, {'title': 'Resources', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList53'}, {'title': 'Product', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList63'}, {'title': 'Social', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList33'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget2', 'id': 'HTML10'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList83'}]}]);
_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', 'navigation_menu', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'social_media', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'dynamic_recent_posts1', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'billboard_ads1', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'dynamic_recent_posts2', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML83', 'billboard_ads2', document.getElementById('HTML83'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'dynamic_recent_posts3', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML81', 'billboard_ads3', document.getElementById('HTML81'), {}, '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/3366830891-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('HTML21', 'billboard_ads4', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'dynamic_recent_posts4', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML212', 'billboard_ads5', document.getElementById('HTML212'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList18', 'dynamic_recent_posts_jobzeek', document.getElementById('LinkList18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML71', 'billboard_ads6', document.getElementById('HTML71'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'product_showcase', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'product_showcase', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'product_showcase', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_menu', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar_menu', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar_menu', document.getElementById('HTML9'), {}, '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('_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('LinkList43', 'footer_widget1', document.getElementById('LinkList43'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList53', 'footer_widget1', document.getElementById('LinkList53'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'footer_widget1', document.getElementById('LinkList63'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList33', 'footer_widget1', document.getElementById('LinkList33'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'footer_widget2', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList83', 'footer_widget2', document.getElementById('LinkList83'), {}, 'displayModeFull'));
</script>
</body>