मटीरियल आइकॉन

Icon कॉम्पोज़ेबल का इस्तेमाल करके, स्क्रीन पर एक रंग का ऐसा आइकॉन बनाया जा सकता है जो Material Design के दिशा-निर्देशों के मुताबिक हो. Icon का इस्तेमाल करने के लिए, Compose Material लाइब्रेरी (या Compose Material 3 लाइब्रेरी) शामिल करें.

उदाहरण के लिए, अगर आपके पास कोई वेक्टर ड्रॉबल है जिसे आपको Material डिफ़ॉल्ट के साथ लोड करना है, तो Icon कॉम्पोज़ेबल का इस्तेमाल इस तरह किया जा सकता है:

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

डिफ़ॉल्ट रूप से, Icon कॉम्पोज़ेबल को LocalContentColor.current रंग में रंगा जाता है और उसका साइज़ 24.dp होता है. इसमें tint रंग पैरामीटर भी दिखता है. यह पैरामीटर, इमेज को रंगीन करना सेक्शन में बताए गए तरीके का इस्तेमाल करके, इमेज को रंगीन करता है. Icon कॉम्पोनेंट का इस्तेमाल, छोटे आइकॉन एलिमेंट के लिए किया जाता है. पसंद के मुताबिक बनाने के ज़्यादा विकल्पों के लिए, आपको Image कॉम्पोज़ेबल का इस्तेमाल करना चाहिए.

Material आइकॉन लाइब्रेरी में, पहले से तय Icons का एक सेट भी शामिल होता है. इसका इस्तेमाल Compose में किया जा सकता है. इसके लिए, एसवीजी को मैन्युअल तरीके से इंपोर्ट करने की ज़रूरत नहीं होती. शॉपिंग कार्ट आइकॉन का राउंड वर्शन बनाने के लिए:

Icon(
    Icons.Rounded.ShoppingCart,
    contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)
MaterialIconsSnippets.kt

पहली इमेज: आइकॉन वाला शॉपिंग कार्ट वेक्टर

ध्यान दें कि स्क्रीन पर VectorDrawable को रेंडर करने के लिए, Icon का इस्तेमाल करना ज़रूरी नहीं है. असल में, Icon, स्क्रीन पर Icon को दिखाने के लिए Modifier.paint(painterResource(R.drawable.ic_bus_stop) का इस्तेमाल करता है. उपलब्ध सभी आइकॉन के बारे में ज़्यादा जानने के लिए, आइकॉन के दस्तावेज़ देखें.