Notifikasi

Cara Mengonfigurasi Ikon Kustom

Ar-rahim 🇵🇸

Agustus 26, 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.

Artikel Terkait

Posting Komentar

Batal

Kembali ke atas

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6vta0mvN3vqAbJeBFgm8W8UgoeUQ:1731635993929';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4562776738724610555','//duid-icloudice.blogspot.com/2024/08/cara-mengonfigurasi-ikon-kustom.html','4562776738724610555');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4562776738724610555', 'title': 'Duid', 'url': 'https://duid-icloudice.blogspot.com/2024/08/cara-mengonfigurasi-ikon-kustom.html', 'canonicalUrl': 'https://duid-icloudice.blogspot.com/2024/08/cara-mengonfigurasi-ikon-kustom.html', 'homepageUrl': 'https://duid-icloudice.blogspot.com/', 'searchUrl': 'https://duid-icloudice.blogspot.com/search', 'canonicalHomepageUrl': 'https://duid-icloudice.blogspot.com/', 'blogspotFaviconUrl': 'https://duid-icloudice.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, '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\x22Duid - Atom\x22 href\x3d\x22https://duid-icloudice.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Duid - RSS\x22 href\x3d\x22https://duid-icloudice.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Duid - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4562776738724610555/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Duid - Atom\x22 href\x3d\x22https://duid-icloudice.blogspot.com/feeds/3998183894263999713/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/a4858bff8adcc0f1', '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': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '3998183894263999713', 'pageName': 'Cara Mengonfigurasi Ikon Kustom', 'pageTitle': 'Duid: Cara Mengonfigurasi Ikon Kustom'}}, {'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': '   Table of Contents       Cara Mendapatkan Ikon dari Material Design Icons                  Anda harus mengunjungi situs web Material Desig...', 'url': 'https://duid-icloudice.blogspot.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': 3998183894263999713}}, {'name': 'widgets', 'data': [{'title': 'Duid (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'stories', 'id': 'LinkList7'}, {'title': 'General', 'type': 'HTML', 'sectionId': 'notifications_content', 'id': 'HTML1'}, {'title': 'System', 'type': 'LinkList', 'sectionId': 'notifications_content', 'id': 'LinkList2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList134'}, {'title': 'For you', 'type': 'Label', 'sectionId': 'label_menu_tab', 'id': 'Label1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads1', 'id': 'HTML2'}, {'title': 'Continue Reading?', 'type': 'HTML', 'sectionId': 'continue_reading', 'id': 'HTML334'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '6410542264166980697'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '3998183894263999713', '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'}, {'name': 'icons', 'label': ''}]}, {'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': 'icons', 'label': ''}, {'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': 'Left Bar Ads', 'type': 'HTML', 'sectionId': 'sidebar_ads', 'id': 'HTML33'}, {'title': 'Right Bar Ads', 'type': 'HTML', 'sectionId': 'sidebar_ads', 'id': 'HTML44'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads2', 'id': 'HTML6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts', 'id': 'LinkList3'}, {'title': 'Support ICloudice.com', 'type': 'LinkList', 'sectionId': 'additional_widgets', 'id': 'LinkList6'}, {'title': 'Most Popular', 'type': 'PopularPosts', 'sectionId': 'additional_widgets', 'id': 'PopularPosts1', 'posts': [{'title': 'Long-delayed Brera Modern in Milan to open in the fall after 50 years of delays and 39 governments', 'id': 474062642023117722}]}, {'title': 'Label', 'type': 'Label', 'sectionId': 'additional_widgets', 'id': 'Label2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'bottom_bar_menu', 'id': 'LinkList1'}, {'title': '', 'type': 'Image', 'sectionId': 'footer_top', 'id': 'Image1'}, {'title': 'Kategori', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList66'}, {'title': 'Perusahaan', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList77'}, {'title': 'Artikel', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList88'}, {'title': 'Bantuan', 'type': 'LinkList', 'sectionId': 'footer_center', 'id': 'LinkList99'}, {'title': 'Connect with Us', 'type': 'LinkList', 'sectionId': 'footer_bottom', 'id': 'LinkList55'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_bottom', 'id': 'HTML444'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'stories', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'notifications_content', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'notifications_content', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList134', 'section', document.getElementById('LinkList134'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'label_menu_tab', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'billboard_ads1', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML334', 'continue_reading', document.getElementById('HTML334'), {}, '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/2784278825-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('_HTMLView', new _WidgetInfo('HTML33', 'sidebar_ads', document.getElementById('HTML33'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML44', 'sidebar_ads', document.getElementById('HTML44'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'billboard_ads2', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'dynamic_recent_posts', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'additional_widgets', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'additional_widgets', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'additional_widgets', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'bottom_bar_menu', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer_top', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList66', 'footer_center', document.getElementById('LinkList66'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList77', 'footer_center', document.getElementById('LinkList77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList88', 'footer_center', document.getElementById('LinkList88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList99', 'footer_center', document.getElementById('LinkList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList55', 'footer_bottom', document.getElementById('LinkList55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML444', 'footer_bottom', document.getElementById('HTML444'), {}, 'displayModeFull'));
</script>
</body>