外贸网站建设,外贸网站建设公司,跨境电商独立站

免费的素材图标网站

时间:2026-10-06   访问量:1001

推荐一个非常多图标素材的网站:

https://icon-icons.com/zh

虽然是免费可商用的素材,但是遵守的是: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


正在加载评论…