免费的素材图标网站
推荐一个非常多图标素材的网站:
虽然是免费可商用的素材,但是遵守的是:CC BY 4.0, 需要署名才可以商用。
另外如果一些网站素材遵守的是MIT协议的话,你不必署名也可以商用。
比如: https://www.radix-ui.com/icons 遵守MIT协议,https://github.com/radix-ui/icons/blob/main/LICENSE 可以免费商用且无需标明出处。
比如:https://icon-sets.iconify.design/ 中某些图标是MIT协议,可以不用署名也可以商用,某些是Apache 2.0 https://github.com/Iconscout/unicons/blob/master/LICENSE ,需要署名。
比如:https://iconmonstr.com/ 遵守的也是 MIT协议,https://iconmonstr.com/license/无需署名。
比如:https://feathericons.com/ 遵守的也是MIT协议,https://github.com/feathericons/feather/blob/main/LICENSE 无需署名。
比如:https://ikonate.com/ 遵守的也是MIT协议:https://github.com/mikolajdobrucki/ikonate/blob/master/LICENSE 无需署名。
虽然遵守MIT协议的没有要求署名,但是饮水思源,既然使用了别人的东西,最好就添加上署名,对网站的美观度也没有任何影响,如果实在不想在前端界面显示,在代码中署名也可以。
对于署名,可以用以下的方法:
比如ICO-ICONS中,在下载图片的时候会提示:如需署名 Icons8,可使用以下内容

但是如果网页中使用了很多图标,总不能每个地方都去标注一下出处,这样的话,工作量非常大。
所以我们可以使用以下的方法来表明出名:
第一种,在HEAD中声明来源:这种情况下,前端不可见。
在代码的
<!doctype html> <html> <head>
后面添加上以下说明
<!---* * 图标素材署名 (Icons Attribution) * 来源: Icon-Icons (https://icon-icons.com/) * 协议: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/) * 使用范围: 导航栏及产品分类图标 * 是否修改: 未修改 *--->
第二种:在网页底部可以添加:这种情况下前端是可见的。
<footer> 图标来源:<a href="https://icon-icons.com/">Icon-Icons</a>, 协议:<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> </footer>
第三种方式:
集中署名页(推荐)
图标来源
协议
使用范围
是否修改
例如:创建一个页面copyright.html
然后在这个页面中添加相关说明:
<h2>图标资源来源(Icons Attribution)</h2> <p>本网站部分图标素材来自以下来源:</p> <ul> <li> 图标来源:<a href="https://icon-icons.com/" target="_blank">Icon-Icons</a><br> 协议:<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC BY 4.0</a><br> 使用范围:导航栏、产品分类图标<br> 是否修改:未修改 </li> </ul> <p>根据 CC BY 4.0 协议要求,本网站已对上述资源进行署名。</p>
然后在网页底部添加链接
<footer> <a href="/copyright.html">版权声明与资源来源</a> </footer>
然后最好保留第一个方案中的代码。

例如本站在网站底部添加了:版权声明与资源来源 ,然后跳转到版权说明:/copy.html