字体/图标 CDN 资源

共 15 条 · 显示 1–15 · 第 1 / 1 页 · 分类排序 · 随机浏览 · 清除筛选

• Font Awesome

  Font Awesome · 字体/图标

  详情 复制引用

  流行的图标字体库，提供大量矢量图标。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.5.1/css/all.min.css">

  • icon
  • 字体
  • fontawesome

• Bootstrap Icons

  Bootstrap · 字体/图标

  详情 复制引用

  Bootstrap 官方图标集，风格统一，可单独使用。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">

  • icon
  • bootstrap
  • 图标

• Material Icons

  Google · 字体/图标

  详情 复制引用

  Material Design 官方图标字体，风格统一、覆盖面广。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css">

  • material
  • icon
  • google

• Ionicons

  Ionic · 字体/图标

  详情 复制引用

  Ionic 图标集，提供 outline / filled / sharp 等多种风格。

  <script type="module" src="https://cdn.bootcdn.net/ajax/libs/ionicons/7.2.2/ionicons/ionicons.esm.js"></script>

  • ionicons
  • icon
  • ionic

• Remix Icon

  Remix Icon · 字体/图标

  详情 复制引用

  开源中性风格图标库，图标数量多，适合后台与产品界面。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/remixicon/4.2.0/remixicon.min.css">

  • remix
  • icon
  • 图标

• Iconify

  Iconify · 字体/图标

  详情 复制引用

  统一图标框架，可按需加载上千套图标集。

  <script src="https://cdn.bootcdn.net/ajax/libs/iconify/3.1.1/iconify.min.js"></script>

  • iconify
  • icon
  • 图标集

• Noto Sans SC

  Google Fonts · 字体/图标

  详情 复制引用

  思源黑体同源的简体中文无衬线字体，适合正文排版。

  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap">

  • 字体
  • 中文
  • noto
  • 思源

• Material Symbols

  Google · 字体/图标

  详情 复制引用

  新一代 Material 符号图标。

  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">

  • material
  • symbols
  • icon

• Line Awesome

  Icons8 · 字体/图标

  详情 复制引用

  Font Awesome 替代风格的图标字体。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css">

  • lineawesome
  • icon

• Themify Icons

  Themify · 字体/图标

  详情 复制引用

  扁平风格图标字体。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/themify-icons/0.1.2/css/themify-icons.min.css">

  • themify
  • icon

• Simple Line Icons

  Simple Line · 字体/图标

  详情 复制引用

  线性图标字体集。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css">

  • simpleline
  • icon

• Flag Icons

  lipis · 字体/图标

  详情 复制引用

  各国国旗 SVG / CSS 图标。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/flag-icon-css/7.1.0/css/flag-icons.min.css">

  • flag
  • 国旗
  • icon

• Weather Icons

  Weather Icons · 字体/图标

  详情 复制引用

  天气相关图标字体。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/weather-icons/2.0.12/css/weather-icons.min.css">

  • weather
  • icon
  • 天气

• Noto Serif SC

  Google Fonts · 字体/图标

  详情 复制引用

  思源宋体同源中文衬线字体。

  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap">

  • 字体
  • 中文
  • 宋体
  • noto

• ZCOOL XiaoWei

  Google Fonts · 字体/图标

  详情 复制引用

  站酷小薇 LOGOTYPE，适合标题展示。

  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap">

  • 字体
  • 中文
  • 站酷