{"id":400842,"date":"2025-09-16T13:09:41","date_gmt":"2025-09-16T17:09:41","guid":{"rendered":"https:\/\/www.macobserver.com\/non-categorise\/apple-icon-composer-comment-lutiliser\/"},"modified":"2025-09-17T04:16:12","modified_gmt":"2025-09-17T08:16:12","slug":"apple-icon-composer-comment-lutiliser","status":"publish","type":"post","link":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/","title":{"rendered":"Apple icon composer : comment l&rsquo;utiliser"},"content":{"rendered":"\n<p>Apple fournit d\u00e9sormais un <strong>Icon Composer<\/strong> moderne pour cr\u00e9er des ic\u00f4nes d&rsquo;application <strong>compatibles Liquid Glass<\/strong>, aux c\u00f4t\u00e9s des catalogues d&rsquo;actifs de Xcode, <code>iconutil<\/code> pour les <strong>.icns<\/strong> macOS, et l&rsquo;application <strong>SF Symbols<\/strong> pour les glyphes int\u00e9gr\u00e9s. Nous allons cartographier l&rsquo;ensemble de la cha\u00eene d&rsquo;outils, pr\u00e9senter des flux de travail rapides et signaler les pi\u00e8ges courants d&rsquo;App Store Connect. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-who-this-is-for\">\u00c0 qui cela s&rsquo;adresse<\/h2>\n\n<p>D\u00e9veloppeurs et designers qui ont besoin de : <br\/><br\/>1) des ensembles <strong>AppIcon<\/strong> pr\u00eats pour la production pour les plateformes Apple, <br\/>2) des ic\u00f4nes <strong>.icns<\/strong> pour les applications et outils Mac, et <br\/>3) des actifs <strong>symbol<\/strong> qui s&rsquo;alignent avec San Francisco et le langage de design d&rsquo;Apple via <strong>SF Symbols<\/strong>. Si vous configurez un pipeline design-vers-code (Figma\/Sketch \u2192 Xcode), cela vous fera \u00e9conomiser des heures.  <br\/><br\/>Pour les kits d&rsquo;interface utilisateur, consultez le <strong>Kit d&rsquo;interface utilisateur iOS\/iPadOS d&rsquo;Apple pour Figma<\/strong> et la couverture de MacObserver. (<a target=\"_blank\" href=\"https:\/\/www.macobserver.com\/news\/apple-releases-updated-ios-ipados-ui-kit-for-figma\/?utm_source=chatgpt.com\">Mac Observer<\/a>)<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-tl-dr-which-tool-when\">TL;DR : Quel outil quand ?<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon Composer (gratuit, Apple) :<\/strong> Cr\u00e9ez des ic\u00f4nes d&rsquo;application compatibles Liquid Glass ; exportez directement dans des ensembles AppIcon. Id\u00e9al pour les ic\u00f4nes iOS\/iPadOS\/watchOS\/tvOS\/visionOS que vous soumettez avec votre application.  <\/li>\n\n\n\n<li><strong>Catalogues d&rsquo;actifs Xcode (gratuit) :<\/strong> O\u00f9 r\u00e9side votre <strong>AppIcon.appiconset<\/strong> ; Xcode valide les tailles, noms et builds. Consultez la documentation des <strong>catalogues d&rsquo;actifs<\/strong> d&rsquo;Apple.  <\/li>\n\n\n\n<li> <strong><code>iconutil<\/code> (CLI gratuit) :<\/strong> Convertit un dossier <strong>.iconset<\/strong> \u2192 <strong>.icns<\/strong> pour les applications\/outils macOS. L&rsquo;utilisation officielle est dans la documentation Apple. <\/li>\n\n\n\n<li><strong>Application SF Symbols (gratuite, Apple) :<\/strong> Symboles align\u00e9s sur le syst\u00e8me (pas des ic\u00f4nes d&rsquo;application) avec des fonctionnalit\u00e9s d&rsquo;animation\/d\u00e9grad\u00e9 dans <strong>SF Symbols 7<\/strong>\u2014parfait pour les barres d&rsquo;onglets, barres d&rsquo;outils et interface de statut. <\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-quick-start-most-common-ios-ipados-app-icon-in-10-minutes\">D\u00e9marrage rapide (le plus courant) : ic\u00f4ne d&rsquo;application iOS\/iPadOS en 10 minutes<\/h2>\n\n<ol class=\"wp-block-list\">\n<li><strong>Concevez la base :<\/strong> Cr\u00e9ez un PNG carr\u00e9 1024\u00d71024 (sans alpha), en tenant compte des reflets Liquid Glass. Si vous avez besoin des derni\u00e8res r\u00e9f\u00e9rences visuelles d&rsquo;Apple, r\u00e9cup\u00e9rez les <strong>Ressources de design Apple<\/strong> et le r\u00e9capitulatif des <strong>mises \u00e0 jour de design iOS 26<\/strong> de MacObserver.  <br\/><\/li>\n\n\n\n<li><strong>Ouvrez Icon Composer :<\/strong> D\u00e9marrez un nouveau projet iOS\/iPadOS, d\u00e9posez votre image 1024, ajustez la profondeur\/\u00e9clairage si vous utilisez les pr\u00e9r\u00e9glages Liquid Glass, et exportez un ensemble <strong>AppIcon<\/strong>. (Icon Composer cible le masquage moderne\/rayons de coin utilis\u00e9s sur l&rsquo;appareil.)  <br\/><\/li>\n\n\n\n<li><strong>Ajoutez \u00e0 Xcode :<\/strong> Dans Xcode, s\u00e9lectionnez votre catalogue d&rsquo;actifs (<strong>Images.xcassets<\/strong>) \u2192 <strong>+<\/strong> \u2192 <strong>App Icons &amp; Top Shelf<\/strong> (ou sp\u00e9cifique \u00e0 la plateforme). Glissez les images export\u00e9es dans les emplacements corrects. Le guide \u00ab <strong>Configuration de votre ic\u00f4ne d&rsquo;application<\/strong> \u00bb d&rsquo;Apple montre le flux exact.  <br\/><\/li>\n\n\n\n<li><strong>V\u00e9rifiez le param\u00e8tre de build :<\/strong> Assurez-vous que <strong>ASSETCATALOG_COMPILER_APPICON_NAME<\/strong> pointe vers votre ensemble (par ex., <code>AppIcon<\/code>). Consultez la <strong>r\u00e9f\u00e9rence des param\u00e8tres de build<\/strong>.  <br\/><\/li>\n\n\n\n<li><strong>Archivez et validez :<\/strong> Soumettez \u00e0 TestFlight\/App Store. Si App Store Connect se plaint d&rsquo;une ic\u00f4ne marketing 1024 px manquante ou d&rsquo;un emplacement sp\u00e9cifique, corrigez-le dans votre ensemble AppIcon ; les messages de validation courants sont document\u00e9s dans les forums d&rsquo;Apple. <\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Vous voulez des informations sur l&rsquo;orientation des ic\u00f4nes d&rsquo;Apple et pourquoi elles semblent diff\u00e9rentes ce cycle ? Consultez la <strong>couverture de la refonte des ic\u00f4nes<\/strong> de MacObserver et la <strong>\u00ab teinte math\u00e9matique intelligente \u00bb pour le mode sombre<\/strong> pour comprendre comment l&rsquo;optique syst\u00e8me affecte votre ic\u00f4ne. (<a target=\"_blank\" href=\"https:\/\/www.macobserver.com\/news\/ios-19-might-not-have-completely-circular-icons-but-more-circular-than-now\/?utm_source=chatgpt.com\">Mac Observer<\/a>) <\/p>\n<\/blockquote>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-macos-app-icons-icns-the-right-way-icon-composer-iconutil\">Ic\u00f4nes d&rsquo;application macOS (.icns) de la bonne fa\u00e7on (icon composer \u2192 iconutil)<\/h2>\n\n<ol class=\"wp-block-list\">\n<li><strong>Cr\u00e9ez un dossier .iconset :<\/strong> \u00c0 l&rsquo;int\u00e9rieur de <code>MyApp.iconset<\/code>, incluez des PNG \u00e0 ces tailles (1\u00d7 et 2\u00d7) : 16, 32, 128, 256, 512 (macOS mettra \u00e0 l&rsquo;\u00e9chelle au-del\u00e0).<\/li>\n\n\n\n<li><strong>G\u00e9n\u00e9rez le .icns :<\/strong><\/li>\n<\/ol>\n\n<pre class=\"wp-block-code\"><code>iconutil -c icns -o MyApp.icns MyApp.iconset\n<\/code><\/pre>\n\n<p>La documentation Haute R\u00e9solution d&rsquo;Apple montre \u00e0 la fois la ligne unique et l&rsquo;inverse (icns \u2192 iconset) pour le d\u00e9bogage. <\/p>\n\n<p><br\/>3) <strong>Ajoutez \u00e0 l&rsquo;application :<\/strong> Dans votre cible macOS, d\u00e9finissez l&rsquo;ic\u00f4ne d&rsquo;application sur <code>MyApp.icns<\/code> (ou placez-la dans le bundle d&rsquo;application et r\u00e9f\u00e9rencez depuis Info). Xcode peut \u00e9galement g\u00e9n\u00e9rer automatiquement .icns \u00e0 partir d&rsquo;un ensemble AppIcon si vous pr\u00e9f\u00e9rez rester uniquement en interface graphique. <\/p>\n\n<p><\/p>\n\n<p><\/p>\n\n<p><strong>Conseil :<\/strong> Si votre .icns semble flou, v\u00e9rifiez que les PNG sources ne sont pas agrandis ; utilisez des vecteurs dessin\u00e9s nativement. (Bonus : <code>sips<\/code> peut redimensionner par lots pendant les builds.)<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-watchos-visionos-tvos-specifics-what-actually-changes\">Sp\u00e9cificit\u00e9s watchOS, visionOS, tvOS (ce qui change r\u00e9ellement)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>Les emplacements diff\u00e8rent par plateforme :<\/strong> Xcode affichera les tailles et apparences requises de la plateforme. Tenez-vous-en aux catalogues d&rsquo;actifs ; ils maintiennent les masques et arrondis corrects par classe d&rsquo;appareil.  <br\/><\/li>\n\n\n\n<li><strong>L&rsquo;ic\u00f4ne marketing est universelle :<\/strong> Vous avez toujours besoin d&rsquo;un PNG <strong>1024\u00d71024<\/strong> dans l&rsquo;ensemble AppIcon pour les soumissions ; l&rsquo;omettre bloquera les t\u00e9l\u00e9chargements. Les notes de validation d&rsquo;Apple le signalent. <br\/><\/li>\n\n\n\n<li><strong>Intention de design :<\/strong> visionOS\/tvOS favorisent la clart\u00e9 \u00e0 plus grande \u00e9chelle et \u00e0 distance ; les ic\u00f4nes watchOS n\u00e9cessitent un contraste \u00e9lev\u00e9 \u00e0 de petites tailles. Pour les kits de design \u00e0 jour et les mod\u00e8les de plateforme, consultez les <strong>Ressources de design Apple<\/strong> et les articles <strong>design visionOS\/iOS<\/strong> de MacObserver. <\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-sf-symbols-vs-app-icons-don-t-mix-them-up\">SF symbols vs. ic\u00f4nes d&rsquo;application (ne les confondez pas)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Les <strong>ic\u00f4nes d&rsquo;application<\/strong> marquent votre application sur l&rsquo;\u00e9cran d&rsquo;accueil, la biblioth\u00e8que d&rsquo;applications, Spotlight et le store.<\/li>\n\n\n\n<li><strong>SF Symbols<\/strong> sont des <strong>glyphes int\u00e9gr\u00e9s<\/strong> qui s&rsquo;alignent avec San Francisco, s&rsquo;adaptent avec Dynamic Type, et (depuis la v7) prennent en charge les <strong>animations Draw<\/strong> et les <strong>d\u00e9grad\u00e9s<\/strong>. Utilisez l&rsquo;<strong>application SF Symbols<\/strong> pour parcourir, exporter des SVG, ou cr\u00e9er des <strong>ensembles d&rsquo;images de symboles<\/strong> dans Xcode. Consultez le <strong>HIG pour SF Symbols<\/strong> d&rsquo;Apple et la session <strong>WWDC25 \u00ab Nouveaut\u00e9s dans SF Symbols 7 \u00bb<\/strong>.  <\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-alternate-icons-amp-theming-ios-macos\">Ic\u00f4nes alternatives et th\u00e9matisation (iOS\/macOS)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>iOS\/iPadOS :<\/strong> Ajoutez des ensembles <strong>AppIcon<\/strong> suppl\u00e9mentaires dans votre catalogue d&rsquo;actifs et impl\u00e9mentez <code>setAlternateIconName<\/code> \u00e0 l&rsquo;ex\u00e9cution. Validez que l&rsquo;ic\u00f4ne <strong>principale<\/strong> reste compl\u00e8te ; les erreurs App Store Connect signifient souvent une taille manquante dans l&rsquo;ensemble principal. Les fils de discussion des forums d&rsquo;Apple montrent les messages d&rsquo;\u00e9chec typiques.   <\/li>\n\n\n\n<li><strong>macOS :<\/strong> Vous pouvez livrer des alternatives, mais la plupart des applications Mac s&rsquo;en tiennent \u00e0 un seul .icns pour la coh\u00e9rence avec Spotlight\/Quick Look.<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-automation-one-click-exports-ci-friendly\">Automatisation : exports en un clic (compatible CI)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>Des vecteurs \u00e0 toutes les tailles :<\/strong> Conservez un seul ma\u00eetre vectoriel (Figma\/Sketch). Exportez 1024\u00d71024, puis laissez <strong>Icon Composer<\/strong> produire les ensembles de plateforme. Pour les builds macOS, faites ex\u00e9cuter <code>iconutil<\/code> par CI sur un <code>.iconset<\/code> archiv\u00e9. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/download\/?utm_source=chatgpt.com\">Apple Developer<\/a>)   <\/li>\n\n\n\n<li><strong>Porte de qualit\u00e9 :<\/strong> Ajoutez un script pour faire \u00e9chouer le build si un emplacement AppIcon est vide ou si l&rsquo;ic\u00f4ne marketing 1024 est manquante ; cela \u00e9vite les rejets App Store Connect plus tard. Les notes de validation d&rsquo;Apple dans les forums listent le texte d&rsquo;erreur exact. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/forums\/tags\/app-store-connect?page=5&amp;sortBy=lastUpdated&amp;utm_source=chatgpt.com\">Apple Developer<\/a>)<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-troubleshooting-fast-fixes\">D\u00e9pannage (corrections rapides)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00ab Ic\u00f4ne marketing 1024\u00d71024 manquante. \u00bb<\/strong> Ajoutez l&rsquo;image 1024 \u00e0 l&#8217;emplacement <strong>Any Appearance<\/strong> de votre ensemble AppIcon. Re-archivez. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/forums\/tags\/app-store-connect?page=5&amp;sortBy=lastUpdated&amp;utm_source=chatgpt.com\">Apple Developer<\/a>)<\/li>\n\n\n\n<li><strong>Les ic\u00f4nes semblent floues sur Mac.<\/strong> Reconstruisez votre <code>.iconset<\/code> avec de vrais PNG 1\u00d7\/2\u00d7 ; r\u00e9g\u00e9n\u00e9rez <strong>.icns<\/strong> avec <code>iconutil<\/code>. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/library\/archive\/documentation\/GraphicsAnimation\/Conceptual\/HighResolutionOSX\/Optimizing\/Optimizing.html?utm_source=chatgpt.com\">Apple Developer<\/a>) <\/li>\n\n\n\n<li><strong>Mauvaise ic\u00f4ne \u00e0 l&rsquo;ex\u00e9cution.<\/strong> Confirmez que <strong>ASSETCATALOG_COMPILER_APPICON_NAME<\/strong> correspond au nom de votre ensemble AppIcon. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/documentation\/Xcode\/build-settings-reference?utm_source=chatgpt.com\">Apple Developer<\/a>)<\/li>\n\n\n\n<li><strong>Kits de design obsol\u00e8tes.<\/strong> Ret\u00e9l\u00e9chargez les <strong>Ressources de design<\/strong> et <strong>SF Symbols<\/strong> d&rsquo;Apple ; MacObserver suit quand Apple met \u00e0 jour ces packages. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/design\/resources\/?utm_source=chatgpt.com\">Apple Developer<\/a>)<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-faqs\">FAQ<\/h2>\n\n<p><strong>L&rsquo;Icon Composer d&rsquo;Apple remplace-t-il les g\u00e9n\u00e9rateurs tiers ?<\/strong> Pour la plupart des \u00e9quipes, oui. Il comprend les masques actuels, rayons et Liquid Glass\u2014donc les exports arrivent correctement dans Xcode. Vous pouvez toujours cr\u00e9er manuellement avec Photoshop\/Affinity et simplement utiliser Icon Composer\/Xcode pour empaqueter. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/download\/?utm_source=chatgpt.com\">Apple Developer<\/a>)<br\/><strong>Ai-je encore besoin de .icns sur macOS ?<\/strong> Oui\u2014votre bundle porte un seul <strong>.icns<\/strong> (ou Xcode le g\u00e9n\u00e8re \u00e0 partir de votre ensemble AppIcon). <code>iconutil<\/code> reste le convertisseur canonique. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/library\/archive\/documentation\/GraphicsAnimation\/Conceptual\/HighResolutionOSX\/Optimizing\/Optimizing.html?utm_source=chatgpt.com\">Apple Developer<\/a>)<br\/><strong>O\u00f9 puis-je obtenir des symboles\/glyphes officiels ?<\/strong> L&rsquo;<strong>application SF Symbols<\/strong>. Elle est gratuite et mise \u00e0 jour (v7) avec animations\/d\u00e9grad\u00e9s ; MacObserver couvre fr\u00e9quemment ces mises \u00e0 jour. (<a target=\"_blank\" href=\"https:\/\/developer.apple.com\/sf-symbols\/?utm_source=chatgpt.com\">Apple Developer<\/a>)<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-related-reading-macobserver\">Lectures connexes (MacObserver)<\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>Apple publie des ressources de design mises \u00e0 jour pour iOS 26, iPadOS 26 et macOS Tahoe 26<\/strong>\u2014ce qui a chang\u00e9 pour les designers et d\u00e9veloppeurs. (<a target=\"_blank\" href=\"https:\/\/www.macobserver.com\/news\/apple-releases-updated-design-resources-for-ios-26-ipados-26-and-macos-tahoe-26\/?utm_source=chatgpt.com\">Mac Observer<\/a>)<\/li>\n\n\n\n<li><strong>Apple publie un kit d&rsquo;interface utilisateur iOS et iPadOS mis \u00e0 jour pour Figma<\/strong>\u2014parfait pour le cadrage d&rsquo;ic\u00f4nes et la coh\u00e9rence de grille avant d&rsquo;exporter vers Icon Composer. (<a target=\"_blank\" href=\"https:\/\/www.macobserver.com\/news\/apple-releases-updated-ios-ipados-ui-kit-for-figma\/?utm_source=chatgpt.com\">Mac Observer<\/a>)<\/li>\n\n\n\n<li><strong>L&rsquo;orientation des ic\u00f4nes d&rsquo;Apple vers iOS 19<\/strong>\u2014contexte sur les formes, contraste et le passage vers Liquid Glass. (<a target=\"_blank\" href=\"https:\/\/www.macobserver.com\/news\/ios-19-might-not-have-completely-circular-icons-but-more-circular-than-now\/?utm_source=chatgpt.com\">Mac Observer<\/a>)<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n<h2 class=\"wp-block-heading\" id=\"h-summary-copy-paste-checklist\">R\u00e9sum\u00e9 (liste de v\u00e9rification copier\/coller)<\/h2>\n\n<ol class=\"wp-block-list\">\n<li>Concevez l&rsquo;artwork de base 1024\u00d71024 \u2192<\/li>\n\n\n\n<li>Utilisez <strong>Icon Composer<\/strong> pour g\u00e9n\u00e9rer les ensembles de plateforme \u2192<\/li>\n\n\n\n<li>Ajoutez \u00e0 <strong>Images.xcassets<\/strong> dans Xcode ; d\u00e9finissez <strong>ASSETCATALOG_COMPILER_APPICON_NAME<\/strong> \u2192<\/li>\n\n\n\n<li>Pour Mac, cr\u00e9ez <code>.iconset<\/code> et ex\u00e9cutez <code>iconutil -c icns<\/code> \u2192<\/li>\n\n\n\n<li>Validez (recherchez l&rsquo;exigence d&rsquo;ic\u00f4ne marketing 1024 px) \u2192<\/li>\n\n\n\n<li>Soumettez.<\/li>\n<\/ol>\n\n<p>Si vous le souhaitez, je peux adapter un <strong>mod\u00e8le pr\u00eat pour l&rsquo;\u00e9quipe<\/strong> (param\u00e8tres d&rsquo;export Figma + pr\u00e9r\u00e9glages Icon Composer + squelette de catalogue d&rsquo;actifs Xcode) qui correspond \u00e0 vos plateformes et configuration CI.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apple fournit d\u00e9sormais un Icon Composer moderne pour cr\u00e9er des ic\u00f4nes d&rsquo;application compatibles Liquid Glass, aux c\u00f4t\u00e9s des catalogues d&rsquo;actifs de Xcode, iconutil pour les .icns macOS, et l&rsquo;application SF Symbols pour les glyphes int\u00e9gr\u00e9s. Nous allons cartographier l&rsquo;ensemble de la cha\u00eene d&rsquo;outils, pr\u00e9senter des flux de travail rapides et signaler les pi\u00e8ges courants d&rsquo;App [&hellip;]<\/p>\n","protected":false},"author":18264,"featured_media":400629,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[82161,82101],"tags":[],"work":[],"class_list":["post-400842","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualites","category-non-categorise"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.0 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Apple icon composer : comment l&#039;utiliser<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apple icon composer : comment l&#039;utiliser\" \/>\n<meta property=\"og:description\" content=\"Apple fournit d\u00e9sormais un Icon Composer moderne pour cr\u00e9er des ic\u00f4nes d&rsquo;application compatibles Liquid Glass, aux c\u00f4t\u00e9s des catalogues d&rsquo;actifs de Xcode, iconutil pour les .icns macOS, et l&rsquo;application SF Symbols pour les glyphes int\u00e9gr\u00e9s. Nous allons cartographier l&rsquo;ensemble de la cha\u00eene d&rsquo;outils, pr\u00e9senter des flux de travail rapides et signaler les pi\u00e8ges courants d&rsquo;App [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/\" \/>\n<meta property=\"og:site_name\" content=\"The Mac Observer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MacObserver\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-16T17:09:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T08:16:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1567\" \/>\n\t<meta property=\"og:image:height\" content=\"985\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Radu Tyrsina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MacObserver\" \/>\n<meta name=\"twitter:site\" content=\"@MacObserver\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Radu Tyrsina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/\"},\"author\":{\"name\":\"Radu Tyrsina\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/#\\\/schema\\\/person\\\/84d0fe124b4271654b651aa6ca319116\"},\"headline\":\"Apple icon composer : comment l&rsquo;utiliser\",\"datePublished\":\"2025-09-16T17:09:41+00:00\",\"dateModified\":\"2025-09-17T08:16:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/\"},\"wordCount\":1530,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.macobserver.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/icon-composer.jpg\",\"articleSection\":[\"Actualit\u00e9s\",\"Non cat\u00e9goris\u00e9\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/\",\"url\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/\",\"name\":\"Apple icon composer : comment l'utiliser\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.macobserver.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/icon-composer.jpg\",\"datePublished\":\"2025-09-16T17:09:41+00:00\",\"dateModified\":\"2025-09-17T08:16:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/#\\\/schema\\\/person\\\/84d0fe124b4271654b651aa6ca319116\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.macobserver.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/icon-composer.jpg\",\"contentUrl\":\"https:\\\/\\\/www.macobserver.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/icon-composer.jpg\",\"width\":1567,\"height\":985},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/actualites\\\/apple-icon-composer-comment-lutiliser\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actualit\u00e9s\",\"item\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/features\\\/actualites\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apple icon composer : comment l&rsquo;utiliser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/\",\"name\":\"The Mac Observer\",\"description\":\"Apple iPhone, Mac, Watch and iPad News, Opinions, Tips and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/#\\\/schema\\\/person\\\/84d0fe124b4271654b651aa6ca319116\",\"name\":\"Radu Tyrsina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g\",\"caption\":\"Radu Tyrsina\"},\"description\":\"Radu is the CEO and owner of ReflectorMedia, the parent company of MacObserver\",\"url\":\"https:\\\/\\\/www.macobserver.com\\\/fr\\\/author\\\/raduwindowsreport-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Apple icon composer : comment l'utiliser","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/","og_locale":"fr_FR","og_type":"article","og_title":"Apple icon composer : comment l'utiliser","og_description":"Apple fournit d\u00e9sormais un Icon Composer moderne pour cr\u00e9er des ic\u00f4nes d&rsquo;application compatibles Liquid Glass, aux c\u00f4t\u00e9s des catalogues d&rsquo;actifs de Xcode, iconutil pour les .icns macOS, et l&rsquo;application SF Symbols pour les glyphes int\u00e9gr\u00e9s. Nous allons cartographier l&rsquo;ensemble de la cha\u00eene d&rsquo;outils, pr\u00e9senter des flux de travail rapides et signaler les pi\u00e8ges courants d&rsquo;App [&hellip;]","og_url":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/","og_site_name":"The Mac Observer","article_publisher":"https:\/\/www.facebook.com\/MacObserver","article_published_time":"2025-09-16T17:09:41+00:00","article_modified_time":"2025-09-17T08:16:12+00:00","og_image":[{"width":1567,"height":985,"url":"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg","type":"image\/jpeg"}],"author":"Radu Tyrsina","twitter_card":"summary_large_image","twitter_creator":"@MacObserver","twitter_site":"@MacObserver","twitter_misc":{"\u00c9crit par":"Radu Tyrsina","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#article","isPartOf":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/"},"author":{"name":"Radu Tyrsina","@id":"https:\/\/www.macobserver.com\/fr\/#\/schema\/person\/84d0fe124b4271654b651aa6ca319116"},"headline":"Apple icon composer : comment l&rsquo;utiliser","datePublished":"2025-09-16T17:09:41+00:00","dateModified":"2025-09-17T08:16:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/"},"wordCount":1530,"commentCount":0,"image":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#primaryimage"},"thumbnailUrl":"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg","articleSection":["Actualit\u00e9s","Non cat\u00e9goris\u00e9"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/www.macobserver.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/","url":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/","name":"Apple icon composer : comment l'utiliser","isPartOf":{"@id":"https:\/\/www.macobserver.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#primaryimage"},"image":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#primaryimage"},"thumbnailUrl":"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg","datePublished":"2025-09-16T17:09:41+00:00","dateModified":"2025-09-17T08:16:12+00:00","author":{"@id":"https:\/\/www.macobserver.com\/fr\/#\/schema\/person\/84d0fe124b4271654b651aa6ca319116"},"breadcrumb":{"@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#primaryimage","url":"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg","contentUrl":"https:\/\/www.macobserver.com\/wp-content\/uploads\/2025\/09\/icon-composer.jpg","width":1567,"height":985},{"@type":"BreadcrumbList","@id":"https:\/\/www.macobserver.com\/fr\/actualites\/apple-icon-composer-comment-lutiliser\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.macobserver.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Actualit\u00e9s","item":"https:\/\/www.macobserver.com\/fr\/features\/actualites\/"},{"@type":"ListItem","position":3,"name":"Apple icon composer : comment l&rsquo;utiliser"}]},{"@type":"WebSite","@id":"https:\/\/www.macobserver.com\/fr\/#website","url":"https:\/\/www.macobserver.com\/fr\/","name":"The Mac Observer","description":"Apple iPhone, Mac, Watch and iPad News, Opinions, Tips and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.macobserver.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.macobserver.com\/fr\/#\/schema\/person\/84d0fe124b4271654b651aa6ca319116","name":"Radu Tyrsina","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/362c6cebfc99763a27bb5d49fe015945b2e1923ab04ab36c53332e11612cdbb9?s=96&d=wavatar&r=g","caption":"Radu Tyrsina"},"description":"Radu is the CEO and owner of ReflectorMedia, the parent company of MacObserver","url":"https:\/\/www.macobserver.com\/fr\/author\/raduwindowsreport-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/posts\/400842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/users\/18264"}],"replies":[{"embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/comments?post=400842"}],"version-history":[{"count":1,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/posts\/400842\/revisions"}],"predecessor-version":[{"id":400844,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/posts\/400842\/revisions\/400844"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/media\/400629"}],"wp:attachment":[{"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/media?parent=400842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/categories?post=400842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/tags?post=400842"},{"taxonomy":"work","embeddable":true,"href":"https:\/\/www.macobserver.com\/fr\/wp-json\/wp\/v2\/work?post=400842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}