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

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 कंपोज़ेबल का इस्तेमाल करना चाहिए.

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

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) का इस्तेमाल करता है. सभी उपलब्ध आइकॉन के बारे में ज़्यादा जानने के लिए, Icons दस्तावेज़.