Add ccheart_red icon

components/awtis/mizik-lyen.js

@@ -1,6 +1,8 @@
 import PropTypes from 'prop-types'
 import Link from 'next/link'
+import Image from 'next/image'
 import ListItemButton from '@mui/material/ListItemButton'
+import Box from '@mui/material/Box'
 import ListItemText from '@mui/material/ListItemText'
 import Typography from '@mui/material/Typography'
 import ListItemAvatar from '@mui/material/ListItemAvatar'
@@ -34,6 +36,18 @@ export default function MizikLyen({niAwtis, anPawol, kuveti, slug, meteEsMobilOu
           primary={<Typography sx={{fontWeight: 'bold'}} color='info.main'>{anPawol.attributes.titre}</Typography>}
           secondary={niAwtis ? getAlias(anPawol.attributes.artistes, anPawol.attributes.prioriteArtistes) : null} />
 
+        {anPawol.attributes.creativeCommons && (
+          <Box marginInline={1}>
+            <Image
+              width={24}
+              height={24}
+              title='Creative Commons'
+              alt='ccheart_red'
+              src='/images/cc/icons/ccheart_red.svg'
+            />
+          </Box>
+        )}
+
         {esBrandNew(anPawol.attributes.publishedAt) && (
           <FiberNewOutlinedIcon style={{fontSize: 30, marginRight: 5}} color='primary' />
         )}