{"id":78649,"date":"2020-09-30T12:00:04","date_gmt":"2020-09-30T09:00:04","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-extract-high-quality-system-preference-icons-on-a-mac\/"},"modified":"2020-09-30T12:00:04","modified_gmt":"2020-09-30T09:00:04","slug":"how-to-extract-high-quality-system-preference-icons-on-a-mac","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-extract-high-quality-system-preference-icons-on-a-mac\/","title":{"rendered":"#How to Extract High-Quality System Preference Icons on a Mac"},"content":{"rendered":"<p><strong>&#8220;#How to Extract High-Quality System Preference Icons on a Mac&#8221;<\/strong><\/p>\n<div>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-683365\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/07\/xamac_system_prefernces_icon.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.sPXoeelC-B.jpg\" alt=\"Apple Mac System Preferences Icon Hero\" width=\"650\" height=\"300\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Sometimes, you need a high-quality icon of from Mac System Preferences for project, but you can\u2019t find a good one online. Luckily, with a little digging, it\u2019s easy to extract a perfect quality System Preference icon with a transparent background using only the Preview <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>. Here\u2019s how.<\/p>\n<p>First, we\u2019ll need to locate the actual files that represent the panes in System Preferences using Finder. With Finder active, select Go &gt; Go to Folder from the menu bar at the top of the screen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689394\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/mac_go_to_folder.jpg\" alt=\"Click &quot;Go To Folder&quot; in Mac Finder.\" width=\"650\" height=\"439\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>In the \u201cGo To Folder\u201d window or slider that appears, type (or paste) <code>\/System\/Library\/PreferencePanes<\/code>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689862\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_prefpanes_path.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.eINJP9ighT.jpg\" alt=\"In the Go To Folder dialog, enter the path and click &quot;Go.&quot;\" width=\"650\" height=\"279\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>A Finder window will appear that includes files that correspond with the default preference panes you see in System Preferences.<\/p>\n<p>(Note: If you are looking for a third-party preference pane file, check <code>\/Library\/PreferencePanes<\/code> instead.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689867\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_pref_icons.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.v__3F2sGYC.jpg\" alt=\"Mac Preference Pane files as seen in Finder.\" width=\"650\" height=\"374\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Locate the file representing the preference pane from which you\u2019d like to extract an icon. It should have a recognizable name. For example, \u201cPrintAndScan.prefPane\u201d is the file for \u201cPrinters &amp; Scanners,\u201d and \u201cSoftwareUpdate.prefPane\u201d is the file for \u201cSoftware Update.\u201d<\/p>\n<p>Each \u201c.prefPane\u201d file is actually a special type of folder called a \u201cpackage.\u201d We\u2019re going to open up that package and see the resources inside.<\/p>\n<p>Once you find the preference pane file, right-click it and select \u201cShow Package Contents.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689868\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_show_package_contents.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.nVTj7Qh5fi.jpg\" alt=\"Right-click the preference pane file and select &quot;Show Package Contents.&quot;\" width=\"650\" height=\"412\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The app package will open, and you\u2019ll see a \u201cContents\u201d folder. Open it, and within \u201cContents,\u201d you\u2019ll encounter several folders and files. Locate the \u201cResources\u201d folder and open it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689859\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_resources_folder.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.8kwVZj_r-m.jpg\" alt=\"In Finder on Mac, click the &quot;Resources&quot; folder.\" width=\"650\" height=\"375\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Browse within the Resources folder and look for an \u201c.icns\u201d file with a similar name to the preference pane you\u2019re examining. For example, \u201cSoftwareUpdate.prefPane\u201d includes a file called \u201cSoftwareUpdate.icns.\u201d This is an icon package file that contains different-sized icons for the prefernce pane. Double-click it, and it will open in Preview.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689860\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_locate_icon.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.5EE4AyEXt2.jpg\" alt=\"In Finder on Mac, locate and click on the appropriate ICNS file.\" width=\"650\" height=\"375\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>In Preview, you\u2019ll see that the \u201c.icns\u201d file includes icons in multiple sizes. The largest one will be at the top of the list in the pane on the left. Click to select it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689861\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/mac_icon_in_preview.jpg\" alt=\"Click the largest icon in Preview on Mac.\" width=\"650\" height=\"444\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Once you\u2019ve selected the largest icon, click File &gt; Export in the menu bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-687407\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/08\/xmac_select_export.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.i81j2hg2xl.jpg\" alt=\"In Preview on Mac, select &quot;Export&quot; from the &quot;File&quot; menu.\" width=\"649\" height=\"469\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>When the Export dialog appears, enter a file name and choose a save location. Next, you\u2019ll need to decide an image format. If you want the highest quality image with a transparent background, select \u201cPNG\u201d from the list. (Make sure the \u201cAlpha\u201d option is checked, because this ensures that the PNG will have a transparent background.)<\/p>\n<p>Then click \u201cSave.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-689863\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2020\/09\/xmac_export_dialog.jpg.pagespeed.gp+jp+jw+pj+ws+js+rj+rp+rw+ri+cp+md.ic.96li_3nwKn.jpg\" alt=\"While exporting from preview, enter the file name and click &quot;Save.&quot;\" width=\"650\" height=\"344\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Preview will save the icon you chose as a transparent PNG file. After that, close Preview, and you\u2019ll find the new PNG file waiting where you saved it. Very handy!<\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong>\n<\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener noreferrer\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/689770\/how-to-extract-high-quality-system-preference-icons-on-a-mac\/\" target=\"_blank\" rel=\"noopener noreferrer\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How to Extract High-Quality System Preference Icons on a Mac&#8221; Sometimes, you need a high-quality icon of from Mac System Preferences for project, but you can\u2019t find a good one online. Luckily, with a little digging, it\u2019s easy to extract a perfect quality System Preference icon with a transparent background using only the Preview app&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":78650,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/thumbcache\/2\/200\/e2d2de5ff0d6f40698cde3e2b6b82b08\/wp-content\/uploads\/2020\/07\/amac_system_prefernces_icon.jpg","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-78649","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/78649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=78649"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/78649\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/78650"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=78649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=78649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=78649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}