Developer

用作链接

在大多数情况下，这可以通过在名称的空格部分插入一个连字符 (-) 来获得。

链接的结构由“https://icon-master.com/media/”+“名称”+“.svg”组成。

After the rain → After-the-rain

下面是示例代码。

第一种使用直接链接。所以比第二个示例代码显示得更快，因为里面没有任何处理。

<img src="https://icon-master.com/media/After-the-rain.svg" />

<img src="https://icon-master.com/i/After-the-rain/000000" />

更改 svg (css) 的颜色

<div class="_icon_maeter"></div>

._icon_maeter {
  width: 48px;
  height: 48px;
  background-color: red;
  -webkit-mask: url(https://icon-master.com/media/After-the-rain.svg) no-repeat center;
  mask: url(https://icon-master.com/media/After-the-rain.svg) no-repeat center;
}

如果控制台显示CORS，请下载。

另请注意，默认大小为 48px。如果你想使用48px以外的，请下载。

通过链接选择颜色

您可以使用“https://icon-master.com/i/”+“名称”+“/hex”更改它。

下面是示例代码。

<object style="width: 48px; height: 48px" data="https://icon-master.com/i/After-the-rain/000000?type=string" />
<object style="width: 48px; height: 48px" data="https://icon-master.com/i/After-the-rain/F00?type=string" />

以字符串形式获取（仅限服务器）

也可以设置一个“查询”。 “type=base64”或“type=base64url”

下面是示例代码。

const str = await fetch("https://icon-master.com/i/After-the-rain/000000")

console.log(str)
// <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" ...

base64

const base64 = await fetch("https://icon-master.com/i/After-the-rain/000000?type=base64")

console.log(base64)
// PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5v...