mirror of
https://github.com/xushier/HD-Icons.git
synced 2026-10-29 14:15:13 +08:00
ReadMe 界面焕然一新！
This commit is contained in:
xushier committed
1 parent
7233c6146f
commit
0163e3e753
2 files changed
+6
-3
No files matched your search
@@ -53,11 +53,11 @@
|
||||
# 图标预览（当前共计 283 个）
|
||||
## 圆角矩形图标
|
||||
<!-- START BORDER-RADIUS ICONS -->
|
||||
<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/163music_A.png" alt="163music_A" /><br/>163music_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/163music_B.png" alt="163music_B" /><br/>163music_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/189drive_A.png" alt="189drive_A" /><br/>189drive_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Adguard_A.png" alt="Adguard_A" /><br/>Adguard_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Adguard_B.png" alt="Adguard_B" /><br/>Adguard_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AliDrive.png" alt="AliDrive" /><br/>AliDrive</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Alist.png" alt="Alist" /><br/>Alist</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Amule.png" alt="Amule" /><br/>Amule</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_A.png" alt="Apache_A" /><br/>Apache_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_B.png" alt="Apache_B" /><br/>Apache_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_C.png" alt="Apache_C" /><br/>Apache_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_D.png" alt="Apache_D" /><br/>Apache_D</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Arch_A.png" alt="Arch_A" /><br/>Arch_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Arch_B.png" alt="Arch_B" /><br/>Arch_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AriaNgNative_A.png" alt="AriaNgNative_A" /><br/>AriaNgNative_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AriaNgNative_B.png" alt="AriaNgNative_B" /><br/>AriaNgNative_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/BaiduNetdisk.png" alt="BaiduNetdisk" /><br/>BaiduNetdisk</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bark.png" alt="Bark" /><br/>Bark</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bilibili_A.png" alt="Bilibili_A" /><br/>Bilibili_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bilibili_B.png" alt="Bilibili_B" /><br/>Bilibili_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;wiLine truncated
|
||||
<div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/163music_A.png" alt="163music_A" /><br/>163music_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/163music_B.png" alt="163music_B" /><br/>163music_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/189drive_A.png" alt="189drive_A" /><br/>189drive_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Adguard_A.png" alt="Adguard_A" /><br/>Adguard_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Adguard_B.png" alt="Adguard_B" /><br/>Adguard_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/AliDrive.png" alt="AliDrive" /><br/>AliDrive</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Alist.png" alt="Alist" /><br/>Alist</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Amule.png" alt="Amule" /><br/>Amule</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Apache_A.png" alt="Apache_A" /><br/>Apache_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Apache_B.png" alt="Apache_B" /><br/>Apache_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Apache_C.png" alt="Apache_C" /><br/>Apache_C</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Apache_D.png" alt="Apache_D" /><br/>Apache_D</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Arch_A.png" alt="Arch_A" /><br/>Arch_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Arch_B.png" alt="Arch_B" /><br/>Arch_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/AriaNgNative_A.png" alt="AriaNgNative_A" /><br/>AriaNgNative_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/AriaNgNative_B.png" alt="AriaNgNative_B" /><br/>AriaNgNative_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/BaiduNetdisk.png" alt="BaiduNetdisk" /><br/>BaiduNetdisk</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bark.png" alt="Bark" /><br/>Bark</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bilibili_A.png" alt="Bilibili_A" /><br/>Bilibili_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bilibili_B.png" alt="Bilibili_B" /><br/>Bilibili_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bilibili_C.png" alt="Bilibili_C" /><br/>Bilibili_C</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bilibili_D.png" alt="Bilibili_D" /><br/>Bilibili_D</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bilibili_E.png" alt="Bilibili_E" /><br/>Bilibili_E</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Bitwarden.png" alt="Bitwarden" /><br/>Bitwarden</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Calibre.png" alt="Calibre" /><br/>Calibre</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Casaos_A.png" alt="Casaos_A" /><br/>Casaos_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="border-radius/Centos_A.png" alt="Centos_A" /><br/>Centos_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-blockLine truncated
|
||||
<!-- END BORDER-RADIUS ICONS -->
|
||||
|
||||
## 圆形图标
|
||||
<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/AriaNg.png" alt="AriaNg" /><br/>AriaNg</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Bazarr.png" alt="Bazarr" /><br/>Bazarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Caddy.png" alt="Caddy" /><br/>Caddy</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Cloudflare_A.png" alt="Cloudflare_A" /><br/>Cloudflare_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Cloudflare_B.png" alt="Cloudflare_B" /><br/>Cloudflare_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Compressarr.png" alt="Compressarr" /><br/>Compressarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/DDNS.png" alt="DDNS" /><br/>DDNS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Docker.png" alt="Docker" /><br/>Docker</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/FileBrowser.png" alt="FileBrowser" /><br/>FileBrowser</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Flood_A.png" alt="Flood_A" /><br/>Flood_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Flood_B.png" alt="Flood_B" /><br/>Flood_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/FreshRSS.png" alt="FreshRSS" /><br/>FreshRSS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/IYUU.png" alt="IYUU" /><br/>IYUU</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Jellyseerr.png" alt="Jellyseerr" /><br/>Jellyseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Lidarr.png" alt="Lidarr" /><br/>Lidarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Minio.png" alt="Minio" /><br/>Minio</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Navidrome.png" alt="Navidrome" /><br/>Navidrome</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Ombi.png" alt="Ombi" /><br/>Ombi</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Overseerr.png" alt="Overseerr" /><br/>Overseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Photoprism_A.png" alt="Photoprism_A" /><br/>Photoprism_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Photoprism_B.png" alt="Photoprism_B" /><br/>Photoprism_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="bordLine truncated
|
||||
<div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/AriaNg.png" alt="AriaNg" /><br/>AriaNg</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Bazarr.png" alt="Bazarr" /><br/>Bazarr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Caddy.png" alt="Caddy" /><br/>Caddy</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Cloudflare_A.png" alt="Cloudflare_A" /><br/>Cloudflare_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Cloudflare_B.png" alt="Cloudflare_B" /><br/>Cloudflare_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Compressarr.png" alt="Compressarr" /><br/>Compressarr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/DDNS.png" alt="DDNS" /><br/>DDNS</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Docker.png" alt="Docker" /><br/>Docker</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/FileBrowser.png" alt="FileBrowser" /><br/>FileBrowser</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Flood_A.png" alt="Flood_A" /><br/>Flood_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Flood_B.png" alt="Flood_B" /><br/>Flood_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/FreshRSS.png" alt="FreshRSS" /><br/>FreshRSS</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/IYUU.png" alt="IYUU" /><br/>IYUU</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Jellyseerr.png" alt="Jellyseerr" /><br/>Jellyseerr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Lidarr.png" alt="Lidarr" /><br/>Lidarr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Minio.png" alt="Minio" /><br/>Minio</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Navidrome.png" alt="Navidrome" /><br/>Navidrome</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Ombi.png" alt="Ombi" /><br/>Ombi</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Overseerr.png" alt="Overseerr" /><br/>Overseerr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_A.png" alt="Photoprism_A" /><br/>Photoprism_A</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_B.png" alt="Photoprism_B" /><br/>Photoprism_B</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_C.png" alt="Photoprism_C" /><br/>Photoprism_C</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_D.png" alt="Photoprism_D" /><br/>Photoprism_D</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_E.png" alt="Photoprism_E" /><br/>Photoprism_E</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photoprism_F.png" alt="Photoprism_F" /><br/>Photoprism_F</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Photostructure.png" alt="Photostructure" /><br/>Photostructure</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/Prowlarr.png" alt="Prowlarr" /><br/>Prowlarr</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="circle/PTHelper.png" alt="PTHelper" /><br/>PTHelper</div> <div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12pxLine truncated
|
||||
|
||||
<!-- END CIRCLE ICONS -->
|
||||
|
||||
|
||||
+4
-1
@@ -6,8 +6,11 @@ template_path = root / "_TEMPLATE.md"
|
||||
readme_path = root / "README.md"
|
||||
|
||||
|
||||
# def generate_img_tag(file,folder,radius):
|
||||
# return f'<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: {radius};" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
|
||||
|
||||
def generate_img_tag(file,folder,radius):
|
||||
return f'<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: {radius};width: 105px;" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
|
||||
return f'<div style=""><img style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
|
||||
|
||||
|
||||
imgs = sorted(Path("./border-radius").glob("*.png"))
|
||||
|
||||
Reference in new issue
Block a user