api icon

api from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: api
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: api-outline, api-outline-sharp, api-sharp

1 other variant in Material Symbols Light

The same icon in other sets

api-filledAnt Design Icons apiCarbon apiHuge Icons apiIconPark apiIconPark Outline apiIconPark Solid apiIconPark TwoTone apiMaterial Symbols apiMaterial Design Icons apiMyna UI Icons apiTabler Icons apiTDesign Icons

More actions icons from Material Symbols Light

Use the api icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 14l-2-2l2-2l2 2zM9.875 8.471L8.183 6.78L12 2.962l3.817 3.817l-1.692 1.692L12 6.346zm-3.096 7.346L2.962 12l3.817-3.817L8.47 9.875L6.346 12l2.125 2.125zm10.442 0l-1.692-1.692L17.654 12l-2.125-2.125l1.692-1.692L21.038 12zM12 21.038l-3.817-3.817l1.692-1.692L12 17.654l2.125-2.125l1.692 1.692z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightApi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 14l-2-2l2-2l2 2zM9.875 8.471L8.183 6.78L12 2.962l3.817 3.817l-1.692 1.692L12 6.346zm-3.096 7.346L2.962 12l3.817-3.817L8.47 9.875L6.346 12l2.125 2.125zm10.442 0l-1.692-1.692L17.654 12l-2.125-2.125l1.692-1.692L21.038 12zM12 21.038l-3.817-3.817l1.692-1.692L12 17.654l2.125-2.125l1.692 1.692z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 14l-2-2l2-2l2 2zM9.875 8.471L8.183 6.78L12 2.962l3.817 3.817l-1.692 1.692L12 6.346zm-3.096 7.346L2.962 12l3.817-3.817L8.47 9.875L6.346 12l2.125 2.125zm10.442 0l-1.692-1.692L17.654 12l-2.125-2.125l1.692-1.692L21.038 12zM12 21.038l-3.817-3.817l1.692-1.692L12 17.654l2.125-2.125l1.692 1.692z"/></svg>
</template>

CSS

.icon-api {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%2014l-2-2l2-2l2%202zM9.875%208.471L8.183%206.78L12%202.962l3.817%203.817l-1.692%201.692L12%206.346zm-3.096%207.346L2.962%2012l3.817-3.817L8.47%209.875L6.346%2012l2.125%202.125zm10.442%200l-1.692-1.692L17.654%2012l-2.125-2.125l1.692-1.692L21.038%2012zM12%2021.038l-3.817-3.817l1.692-1.692L12%2017.654l2.125-2.125l1.692%201.692z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12%2014l-2-2l2-2l2%202zM9.875%208.471L8.183%206.78L12%202.962l3.817%203.817l-1.692%201.692L12%206.346zm-3.096%207.346L2.962%2012l3.817-3.817L8.47%209.875L6.346%2012l2.125%202.125zm10.442%200l-1.692-1.692L17.654%2012l-2.125-2.125l1.692-1.692L21.038%2012zM12%2021.038l-3.817-3.817l1.692-1.692L12%2017.654l2.125-2.125l1.692%201.692z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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