news 2026/5/8 0:08:07

Font Awesome 交通工具图标

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Font Awesome 交通工具图标

Font Awesome 提供了丰富的交通工具(Transportation + Automotive)相关图标,主要集中在“Transportation”和“Automotive”分类中。这些图标常用于表示汽车、飞机、船只、自行车、公共交通等场景(最新版本 Font Awesome 6/7)。

常见交通工具图标列表:

  • Car(汽车):fa-solid fa-car
  • Truck(卡车):fa-solid fa-truck
  • Bus(公交车):fa-solid fa-bus
  • Plane(飞机):fa-solid fa-plane
  • Ship(船):fa-solid fa-ship
  • Bicycle(自行车):fa-solid fa-bicycle
  • Motorcycle(摩托车):fa-solid fa-motorcycle
  • Train(火车/地铁):fa-solid fa-trainfa-solid fa-train-subway
  • Taxi(出租车):fa-solid fa-taxi
  • Shuttle Van(班车/面包车):fa-solid fa-van-shuttle
  • Truck Pickup(皮卡车):fa-solid fa-truck-pickup
  • Helicopter(直升机):fa-solid fa-helicopter

更多完整列表和样式变体(Solid、Regular 等),请访问官方页面:

  • Transportation: https://fontawesome.com/icons/categories/transportation
  • Automotive: https://fontawesome.com/icons/categories/automotive

使用示例(HTML):

<linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"><iclass="fa-solid fa-car fa-2x"></i><!-- 汽车 --><iclass="fa-solid fa-truck fa-2x"></i><!-- 卡车 --><iclass="fa-solid fa-plane fa-2x"></i><!-- 飞机 --><iclass="fa-solid fa-ship fa-2x"></i><!-- 船 --><iclass="fa-solid fa-bus fa-2x"></i><!-- 公交车 --><iclass="fa-solid fa-bicycle fa-2x"></i><!-- 自行车 -->

如果需要特定交通工具的更多变体或代码,请提供细节!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/7 23:50:28

前端也能玩转AI音效?HTML+JavaScript调用HunyuanVideo-Foley实践

前端也能玩转AI音效&#xff1f;HTMLJavaScript调用HunyuanVideo-Foley实践 在短视频内容爆炸式增长的今天&#xff0c;一个15秒的视频是否能留住用户&#xff0c;往往不只取决于画面——声音正在成为决定体验上限的关键因子。脚步踩在碎石路上的沙沙声、玻璃杯滑落桌面的清脆撞…

作者头像 李华
网站建设 2026/5/7 5:10:47

diskinfo检测RAID阵列性能匹配Qwen3-VL-30B读取需求

diskinfo检测RAID阵列性能匹配Qwen3-VL-30B读取需求 在部署像 Qwen3-VL-30B 这类超大规模视觉语言模型时&#xff0c;一个常被低估的瓶颈正悄然浮现&#xff1a;存储I/O能力跟不上计算吞吐。即便配备了顶级GPU集群&#xff0c;若模型权重加载缓慢、推理过程频繁等待数据&#x…

作者头像 李华
网站建设 2026/5/8 0:47:45

告别Gradle版本困扰:AI工具效率提升10倍的秘密

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 构建一个Gradle版本问题效率对比工具&#xff0c;左侧展示传统解决流程&#xff1a;手动检查gradle-wrapper.properties、查阅兼容性文档、尝试不同版本、处理依赖冲突等耗时步骤&a…

作者头像 李华
网站建设 2026/5/2 21:50:01

66666

666666

作者头像 李华
网站建设 2026/5/7 14:05:18

88888

88888

作者头像 李华
网站建设 2026/5/3 22:16:01

使用Ollama运行GPT-OSS-20B实现低延迟对话响应的调优技巧

使用Ollama运行GPT-OSS-20B实现低延迟对话响应的调优技巧 你有没有遇到过这样的场景&#xff1a;在使用云端大模型时&#xff0c;明明问题已经输入完毕&#xff0c;却要等上一两秒才能看到第一个字蹦出来&#xff1f;更别提网络波动导致的超时、敏感数据不敢上传的顾虑&#xf…

作者头像 李华