SVG图标在HTML中的应用

网页设计常需使用图标，推荐采用SVG格式，因其放大不失真且易于修改颜色。以下以苹果官网为例进行说明。

1、 前往苹果官网，右键点击页面上的LOGO图标，选择检查或审查元素（以Chrome浏览器为例），即可在代码中找到对应的SVG图标文件，将其复制或下载保存至本地设备即可使用。

2、 启动HTML编辑器，创建新网页test.html，将SVG图标文件置于同一目录，在test.html中编写div结构及对应样式，保存后通过浏览器打开预览效果，确认布局与图标显示正常。

3、 从预览效果看，图标似乎偏小。可通过修改SVG文件直接调整大小和颜色，实现更理想的显示效果。完成SVG调整后，还需同步更新test.html中的相关样式，确保尺寸一致，从而保证页面整体显示协调美观。

4、 效果出来了！