[READ-ONLY] Mirror of https://github.com/jmrplens/jmrplens. Profile
jmrp.io/
🎨 Final skillicons-style logos with neutral background
- Neutral dark gray background (#2D2D2D) for both icons
- Maintains original logo colors and all details
- Better contrast with colorful logos
- Mastodon: Blue (#2b90d9) + White elements preserved
- Home Assistant: Gray (#F2F4F9) + Blue (#18BCF2) details preserved
- 48x48 square format with rounded corners (rx=4)
José M. Requena Plens
(Dec 28, 2025, 11:48 AM +0100)
108c292b
8e49f3fd
+14
-12
+7
-6
assets/icons/tech/homeassistant.svg
+7
-6
assets/icons/tech/homeassistant.svg
···
1
1
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
-
<!-- Background with rounded corners -->
3
-
<rect width="48" height="48" rx="4" fill="#18BCF2"/>
2
+
<!-- Background -->
3
+
<rect width="48" height="48" rx="4" fill="#2D2D2D"/>
4
4
5
-
<!-- Home Assistant logo - original path from SimpleIcons, scaled and centered -->
6
-
<g transform="translate(12, 12)">
7
-
<path fill="#fff" d="m21.8 13.73-8.16-8.68a1.65 1.65 0 0 0-1.2-.53c-.46 0-.9.2-1.22.53L3.07 13.73a1.65 1.65 0 0 0-.5 1.18v7.75c0 .91.74 1.65 1.65 1.65h3.3V17.9c0-.91.74-1.65 1.65-1.65h3.66c.91 0 1.65.74 1.65 1.65v6.41h3.3c.91 0 1.65-.74 1.65-1.65v-7.75c0-.44-.17-.86-.48-1.18zm-9.8 6.56a.94.94 0 1 1 0-1.88.94.94 0 0 1 0 1.88zm2.24-4.03c-.3.32-.7.48-1.2.48s-.9-.16-1.22-.48a1.65 1.65 0 0 1-.48-1.18c0-.46.17-.88.48-1.2.32-.3.72-.47 1.22-.47s.9.16 1.2.48c.32.3.48.73.48 1.18 0 .47-.16.88-.48 1.2zm3.19-2.24a.94.94 0 1 1 0-1.88.94.94 0 0 1 0 1.88z"/>
8
-
</g>
5
+
<!-- Original Home Assistant logo with ORIGINAL colors intact -->
6
+
<svg x="4" y="4" width="40" height="40" viewBox="0 0 400 400">
7
+
<path d="M320 301.762C320 310.012 313.25 316.762 305 316.762H95C86.75 316.762 80 310.012 80 301.762V211.762C80 203.512 84.77 191.993 90.61 186.153L189.39 87.3725C195.22 81.5425 204.77 81.5425 210.6 87.3725L309.39 186.162C315.22 191.992 320 203.522 320 211.772V301.772V301.762Z" fill="#F2F4F9"/>
8
+
<path d="M309.39 186.153L210.61 87.3725C204.78 81.5425 195.23 81.5425 189.4 87.3725L90.61 186.153C84.78 191.983 80 203.512 80 211.762V301.762C80 310.012 86.75 316.762 95 316.762H187.27L146.64 276.132C144.55 276.852 142.32 277.262 140 277.262C128.7 277.262 119.5 268.062 119.5 256.762C119.5 245.462 128.7 236.262 140 236.262C151.3 236.262 160.5 245.462 160.5 256.762C160.5 259.092 160.09 261.322 159.37 263.412L191 295.042V179.162C184.2 175.822 179.5 168.842 179.5 160.772C179.5 149.472 188.7 140.272 200 140.272C211.3 140.272 220.5 149.472 220.5 160.772C220.5 168.842 215.8 175.822 209 179.162V260.432L240.46 228.972C239.84 227.012 239.5 224.932 239.5 222.772C239.5 211.472 248.7 202.272 260 202.272C271.3 202.272 280.5 211.472 280.5 222.772C280.5 234.072 271.3 243.272 260 243.272C257.5 243.272 255.12 242.802 252.91 241.982L209 285.892V316.772H305C313.25 316.772 320 310.022 320 301.772V211.772C320 203.522 315.23 192.002 309.39 186.162V186.153Z" fill="#18BCF2"/>
9
+
</svg>
9
10
</svg>
+7
-6
assets/icons/tech/mastodon.svg
+7
-6
assets/icons/tech/mastodon.svg
···
1
1
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
-
<!-- Background with rounded corners -->
3
-
<rect width="48" height="48" rx="4" fill="#563ACC"/>
2
+
<!-- Background -->
3
+
<rect width="48" height="48" rx="4" fill="#2D2D2D"/>
4
4
5
-
<!-- Mastodon logo - original path from SimpleIcons, scaled and centered -->
6
-
<g transform="translate(12, 12)">
7
-
<path fill="#fff" d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.049.049 0 0 1 .021-.04.051.051 0 0 1 .046-.003 20.109 20.109 0 0 0 4.624.548c.266 0 .532 0 .803-.01.719-.01 1.46-.03 2.19-.087.333-.026.666-.057.995-.096.96-.118 1.903-.281 2.816-.536.025-.007.049-.012.073-.018 1.963-.474 3.662-1.564 4.206-3.146.053-.153.1-.308.144-.465.134-.469.207-.938.265-1.413.041-.337.068-.674.084-1.012.014-.27.018-.54.018-.81v-.034c0-1.027.055-2.052.162-3.073z"/>
8
-
</g>
5
+
<!-- Original Mastodon logo with ORIGINAL colors intact -->
6
+
<svg x="6" y="4" width="36" height="38.6" viewBox="0 0 216.4144 232.00976">
7
+
<path fill="#2b90d9" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
8
+
<path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
9
+
</svg>
9
10
</svg>
