api icon

api-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name: api-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: api-fill

2 other variants in Ant Design Icons

The same icon in other sets

apiCarbon apiHuge Icons apiIconPark apiIconPark Outline apiIconPark Solid apiIconPark TwoTone apiMaterial Symbols apiMaterial Symbols Light apiMaterial Design Icons apiMyna UI Icons apiTabler Icons apiTDesign Icons

Use the api icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3c2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4M578.9 546.7a8.03 8.03 0 0 0-11.3 0L501 613.3L410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 68.9-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3c51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignApiFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3c2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4M578.9 546.7a8.03 8.03 0 0 0-11.3 0L501 613.3L410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 68.9-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3c51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3c2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4M578.9 546.7a8.03 8.03 0 0 0-11.3 0L501 613.3L410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 68.9-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3c51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3z"/></svg>
</template>

CSS

.icon-api-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m917.7%20148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7%202.3l-76.1%2076.1a199.27%20199.27%200%200%200-112.1-34.3c-51.2%200-102.4%2019.5-141.5%2058.6L432.3%20308.7a8.03%208.03%200%200%200%200%2011.3L704%20591.7c1.6%201.6%203.6%202.3%205.7%202.3c2%200%204.1-.8%205.7-2.3l101.9-101.9c68.9-69%2077-175.7%2024.3-253.5l76.1-76.1c3.1-3.2%203.1-8.3%200-11.4M578.9%20546.7a8.03%208.03%200%200%200-11.3%200L501%20613.3L410.7%20523l66.7-66.7c3.1-3.1%203.1-8.2%200-11.3L441%20408.6a8.03%208.03%200%200%200-11.3%200L363%20475.3l-43-43a7.85%207.85%200%200%200-5.7-2.3c-2%200-4.1.8-5.7%202.3L206.8%20534.2c-68.9%2068.9-77%20175.7-24.3%20253.5l-76.1%2076.1a8.03%208.03%200%200%200%200%2011.3l42.4%2042.4c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l76.1-76.1c33.7%2022.9%2072.9%2034.3%20112.1%2034.3c51.2%200%20102.4-19.5%20141.5-58.6l101.9-101.9c3.1-3.1%203.1-8.2%200-11.3l-43-43l66.7-66.7c3.1-3.1%203.1-8.2%200-11.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m917.7%20148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7%202.3l-76.1%2076.1a199.27%20199.27%200%200%200-112.1-34.3c-51.2%200-102.4%2019.5-141.5%2058.6L432.3%20308.7a8.03%208.03%200%200%200%200%2011.3L704%20591.7c1.6%201.6%203.6%202.3%205.7%202.3c2%200%204.1-.8%205.7-2.3l101.9-101.9c68.9-69%2077-175.7%2024.3-253.5l76.1-76.1c3.1-3.2%203.1-8.3%200-11.4M578.9%20546.7a8.03%208.03%200%200%200-11.3%200L501%20613.3L410.7%20523l66.7-66.7c3.1-3.1%203.1-8.2%200-11.3L441%20408.6a8.03%208.03%200%200%200-11.3%200L363%20475.3l-43-43a7.85%207.85%200%200%200-5.7-2.3c-2%200-4.1.8-5.7%202.3L206.8%20534.2c-68.9%2068.9-77%20175.7-24.3%20253.5l-76.1%2076.1a8.03%208.03%200%200%200%200%2011.3l42.4%2042.4c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l76.1-76.1c33.7%2022.9%2072.9%2034.3%20112.1%2034.3c51.2%200%20102.4-19.5%20141.5-58.6l101.9-101.9c3.1-3.1%203.1-8.2%200-11.3l-43-43l66.7-66.7c3.1-3.1%203.1-8.2%200-11.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/api-filled.svg?color=%231a73e8&size=48