file type apib logo

file-type-apib from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-apib
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the file type apib logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#a0b3c1" d="m18.053 12.267l4.76 7.467l.373.56l1.12-.653l-.373-.56l-4.76-7.467l-.373-.654l-1.12.653zm-5.227-.747l-4.76 7.467l-.373.56l1.12.653l.373-.467l4.76-7.467l.373-.56l-1.119-.746z"/><path fill="#a0b3c1" d="M16 13.107a4.98 4.98 0 0 0 4.947-4.947A5.06 5.06 0 0 0 16 3.12a4.98 4.98 0 0 0-4.947 4.947A5.06 5.06 0 0 0 16 13.107m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0A3.644 3.644 0 0 1 16 11.8m9.053 17.08a4.947 4.947 0 1 0-4.947-4.947a4.98 4.98 0 0 0 4.947 4.947m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0a3.644 3.644 0 0 1-3.64 3.64M6.947 28.88a4.947 4.947 0 1 0 0-9.893a4.947 4.947 0 1 0 0 9.893m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.706 3.706 0 0 1 3.64-3.64a3.706 3.706 0 0 1 3.64 3.64a3.644 3.644 0 0 1-3.64 3.64"/><circle cx="6.947" cy="23.933" r="1.68" fill="#5e9cff"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeApib(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#a0b3c1" d="m18.053 12.267l4.76 7.467l.373.56l1.12-.653l-.373-.56l-4.76-7.467l-.373-.654l-1.12.653zm-5.227-.747l-4.76 7.467l-.373.56l1.12.653l.373-.467l4.76-7.467l.373-.56l-1.119-.746z"/><path fill="#a0b3c1" d="M16 13.107a4.98 4.98 0 0 0 4.947-4.947A5.06 5.06 0 0 0 16 3.12a4.98 4.98 0 0 0-4.947 4.947A5.06 5.06 0 0 0 16 13.107m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0A3.644 3.644 0 0 1 16 11.8m9.053 17.08a4.947 4.947 0 1 0-4.947-4.947a4.98 4.98 0 0 0 4.947 4.947m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0a3.644 3.644 0 0 1-3.64 3.64M6.947 28.88a4.947 4.947 0 1 0 0-9.893a4.947 4.947 0 1 0 0 9.893m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.706 3.706 0 0 1 3.64-3.64a3.706 3.706 0 0 1 3.64 3.64a3.644 3.644 0 0 1-3.64 3.64"/><circle cx="6.947" cy="23.933" r="1.68" fill="#5e9cff"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#a0b3c1" d="m18.053 12.267l4.76 7.467l.373.56l1.12-.653l-.373-.56l-4.76-7.467l-.373-.654l-1.12.653zm-5.227-.747l-4.76 7.467l-.373.56l1.12.653l.373-.467l4.76-7.467l.373-.56l-1.119-.746z"/><path fill="#a0b3c1" d="M16 13.107a4.98 4.98 0 0 0 4.947-4.947A5.06 5.06 0 0 0 16 3.12a4.98 4.98 0 0 0-4.947 4.947A5.06 5.06 0 0 0 16 13.107m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0A3.644 3.644 0 0 1 16 11.8m9.053 17.08a4.947 4.947 0 1 0-4.947-4.947a4.98 4.98 0 0 0 4.947 4.947m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.64 3.64 0 1 1 7.28 0a3.644 3.644 0 0 1-3.64 3.64M6.947 28.88a4.947 4.947 0 1 0 0-9.893a4.947 4.947 0 1 0 0 9.893m0-1.307a3.644 3.644 0 0 1-3.64-3.64a3.706 3.706 0 0 1 3.64-3.64a3.706 3.706 0 0 1 3.64 3.64a3.644 3.644 0 0 1-3.64 3.64"/><circle cx="6.947" cy="23.933" r="1.68" fill="#5e9cff"/></svg>
</template>

CSS

.icon-file-type-apib {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%23a0b3c1%22%20d%3D%22m18.053%2012.267l4.76%207.467l.373.56l1.12-.653l-.373-.56l-4.76-7.467l-.373-.654l-1.12.653zm-5.227-.747l-4.76%207.467l-.373.56l1.12.653l.373-.467l4.76-7.467l.373-.56l-1.119-.746z%22%2F%3E%3Cpath%20fill%3D%22%23a0b3c1%22%20d%3D%22M16%2013.107a4.98%204.98%200%200%200%204.947-4.947A5.06%205.06%200%200%200%2016%203.12a4.98%204.98%200%200%200-4.947%204.947A5.06%205.06%200%200%200%2016%2013.107m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.64%203.64%200%201%201%207.28%200A3.644%203.644%200%200%201%2016%2011.8m9.053%2017.08a4.947%204.947%200%201%200-4.947-4.947a4.98%204.98%200%200%200%204.947%204.947m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.64%203.64%200%201%201%207.28%200a3.644%203.644%200%200%201-3.64%203.64M6.947%2028.88a4.947%204.947%200%201%200%200-9.893a4.947%204.947%200%201%200%200%209.893m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.706%203.706%200%200%201%203.64-3.64a3.706%203.706%200%200%201%203.64%203.64a3.644%203.644%200%200%201-3.64%203.64%22%2F%3E%3Ccircle%20cx%3D%226.947%22%20cy%3D%2223.933%22%20r%3D%221.68%22%20fill%3D%22%235e9cff%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23a0b3c1%22%20d%3D%22m18.053%2012.267l4.76%207.467l.373.56l1.12-.653l-.373-.56l-4.76-7.467l-.373-.654l-1.12.653zm-5.227-.747l-4.76%207.467l-.373.56l1.12.653l.373-.467l4.76-7.467l.373-.56l-1.119-.746z%22%2F%3E%3Cpath%20fill%3D%22%23a0b3c1%22%20d%3D%22M16%2013.107a4.98%204.98%200%200%200%204.947-4.947A5.06%205.06%200%200%200%2016%203.12a4.98%204.98%200%200%200-4.947%204.947A5.06%205.06%200%200%200%2016%2013.107m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.64%203.64%200%201%201%207.28%200A3.644%203.644%200%200%201%2016%2011.8m9.053%2017.08a4.947%204.947%200%201%200-4.947-4.947a4.98%204.98%200%200%200%204.947%204.947m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.64%203.64%200%201%201%207.28%200a3.644%203.644%200%200%201-3.64%203.64M6.947%2028.88a4.947%204.947%200%201%200%200-9.893a4.947%204.947%200%201%200%200%209.893m0-1.307a3.644%203.644%200%200%201-3.64-3.64a3.706%203.706%200%200%201%203.64-3.64a3.706%203.706%200%200%201%203.64%203.64a3.644%203.644%200%200%201-3.64%203.64%22%2F%3E%3Ccircle%20cx%3D%226.947%22%20cy%3D%2223.933%22%20r%3D%221.68%22%20fill%3D%22%235e9cff%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-apib.svg?color=%231a73e8&size=48