世界各国国旗图片png,svg资源素材CDN Country-Flags
有两个不错的国旗图片素材的开源项目
1 country-flags
世界各种国旗的图片,直接在以下网页的可进入文件夹里面找png、svg图片,然后就能复制地址使用了https://www.jsdelivr.com/package/npm/svg-country-flags?tab=files
上面找到的CDN图片资源url,可以直接使用。
各种尺寸的都有 100px 250px 1000px超大尺寸,除了png,还有svg矢量图,svg随便缩放,不会失真,不会模糊。
图片CDN地址:
https://cdn.jsdelivr.net/npm/svg-country-flags@1.2.10/png250px/au.png
示例
如果做海外网站,直接使用url是没问题的。在国内,最好使用下面的七牛的地址。(本项目七牛没有收录)
对应的GitHub代码仓库:https://github.com/hampusborgos/country-flags
有了这个开源项目、素材库,全球所有国家的国旗png图片、svg旗帜素材,就都都有了,轻松解决问题。
另一个开源项目
2 flag-icon-css
各种国家的国旗可以在这里找:https://www.jsdelivr.com/package/npm/flag-icon-css?tab=files&path=flags
这个项目被七牛收录了。
七牛CDN的地址,大厂,应该值得信赖,在中国的稳定性应该没问题,而且是在国内长城以内的
github代码库: https://github.com/lipis/flag-icons/
地址示例:https://cdn.staticfile.org/flag-icon-css/6.11.0/flags/4x3/us.svg
看到国旗的demo效果吧
英格兰国旗
CDN 地址 https://cdn.staticfile.org/flag-icon-css/6.11.0/flags/4x3/gb-eng.svg
美国国旗 4x3 1:1 (可选不同比例的国旗图片)
CDN 地址 https://cdn.staticfile.org/flag-icon-css/6.11.0/flags/4x3/us.svg
https://cdn.staticfile.org/flag-icon-css/6.11.0/flags/1x1/us.svg
法国国旗
德国国旗