diff --git a/demo/src/index.js b/demo/src/index.js
index 16e7174..f686fd3 100644
--- a/demo/src/index.js
+++ b/demo/src/index.js
@@ -39,6 +39,11 @@ const theme = createTheme({
 	},
 });
 
+const YarnIcon = createSvgIcon(
+	<path d="M203.3174 174.0602ZM215.0795 166.7954C214.19 159.7776 208.2595 154.9344 200.6486 155.0332 189.2819 155.1815 179.7436 161.0625 173.4178 164.9668 170.9467 166.4988 168.8216 167.6355 166.9931 168.4757 167.3884 162.7429 167.0425 155.2309 164.0772 146.9776 160.4695 137.0934 155.6263 131.0147 152.1668 127.5058 156.1699 121.6741 161.6556 113.1737 164.2255 100.0278 166.4494 88.8093 165.7575 71.3637 160.6672 61.5784 159.6293 59.6015 157.8996 58.1683 155.7251 57.5753 154.8355 57.3282 153.1552 56.834 149.844 57.773 144.8525 47.444 143.1228 46.3568 141.7884 45.4672 139.0208 43.688 135.7591 43.2927 132.695 44.4293 128.5931 45.912 125.0842 49.8656 121.773 56.8834 121.2788 57.9212 120.834 58.9097 120.4386 59.8981 114.1622 60.3429 104.278 62.6162 95.9259 71.6602 94.888 72.7969 92.8618 73.6371 90.7367 74.4278L90.7861 74.4278C86.4371 75.9598 84.4602 79.5181 82.0386 85.9429 78.678 94.9375 82.1375 103.7838 85.5475 109.5166 80.9019 113.668 74.7243 120.2903 71.4625 128.0494 67.41 137.6371 66.9653 147.027 67.1135 152.1174 63.6541 155.7745 58.3166 162.644 57.7236 170.3537 56.9328 181.1274 60.8371 188.4417 62.5668 191.1104 63.061 191.9012 63.6046 192.5436 64.1977 193.1861 64 194.5205 63.9506 195.9537 64.2471 197.4363 64.8896 200.8958 67.0641 203.7127 70.3753 205.4919 76.8988 208.9514 85.9923 210.434 93.01 206.9251 95.5305 209.5938 100.1266 212.1637 108.4788 212.1637L108.973 212.1637C111.0981 212.1637 138.0819 210.7305 145.9398 208.8031 149.4486 207.9629 151.8703 206.4803 153.4517 205.1459 158.4927 203.5645 172.4293 198.8201 185.5753 190.3197 194.8664 184.2903 198.0788 183.0054 204.9977 181.3251 211.7189 179.6942 215.9197 173.566 215.0795 166.7954L215.0795 166.7954Z" />,
+	'YarnIcon'
+);
+
 const NpmIcon = createSvgIcon(
 	<path d="M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.332h-2.669v-.001zm12.001 0h-1.33v-4h-1.336v4h-1.335v-4h-1.33v4h-2.671V8.667h8.002v5.331zM10.665 10H12v2.667h-1.335V10z" />,
 	'NpmIcon'
@@ -193,6 +198,18 @@ export default function Demo() {
 						mui-image
 					</Typography>
 					<Box display="flex">
+						<IconButton
+							onClick={() =>
+								window.open('https://yarnpkg.com/package/mui-image')
+							}
+							color="inherit"
+						>
+							<YarnIcon
+								viewBox="0 0 256 256"
+								fontSize="large"
+								color="inherit"
+							/>
+						</IconButton>
 						<IconButton
 							onClick={() => window.open('https://npmjs.com/package/mui-image')}
 							color="inherit"