file type capacitor logo

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

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

Related icons in VSCode Icons

Use the file type capacitor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGMLlbHeQQ" x1="3.843" x2="28.148" y1="28.15" y2="3.845" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ecefd"/><stop offset="1" stop-color="#56b1fc"/></linearGradient></defs><path fill="url(#SVGMLlbHeQQ)" d="M29.706 17.76c.329.324.315.5-.007.811c-1.1 1.066-2.18 2.161-3.263 3.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726 3.469-3.471c.214-.217.345-.179.539.017q2.127 2.156 4.27 4.3c.387.374.772.751 1.162 1.121c.156.148.277.352.529.361q2.895-2.888 5.786-5.781c.215-.216.351-.246.583-.011a188 188 0 0 0 3.357 3.325c.295.283.265.436-.009.706c-1.812 1.787-3.595 3.6-5.417 5.38c-.375.365-.332.544.016.885c1.787 1.753 3.539 3.544 5.325 5.299m-13.775 2.193a.6.6 0 0 0-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629 0a183 183 0 0 1-3.3 3.3c-.318.306-.276.471.015.758c1.783 1.76 3.536 3.549 5.325 5.3c.362.356.35.549-.007.9c-1.8 1.77-3.568 3.573-5.359 5.353c-.262.26-.332.416-.024.715a145 145 0 0 1 3.289 3.309c.26.27.4.266.663 0Q8 27.916 9.882 26.07a28 28 0 0 1 2.171-2.1l1.57 1.564q2.133 2.14 4.262 4.285c.2.2.347.207.55 0q1.724-1.739 3.464-3.461c.185-.183.187-.311 0-.5q-2.99-2.943-5.968-5.905"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeCapacitor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGMLlbHeQQ" x1="3.843" x2="28.148" y1="28.15" y2="3.845" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7ecefd"/><stop offset="1" stopColor="#56b1fc"/></linearGradient></defs><path fill="url(#SVGMLlbHeQQ)" d="M29.706 17.76c.329.324.315.5-.007.811c-1.1 1.066-2.18 2.161-3.263 3.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726 3.469-3.471c.214-.217.345-.179.539.017q2.127 2.156 4.27 4.3c.387.374.772.751 1.162 1.121c.156.148.277.352.529.361q2.895-2.888 5.786-5.781c.215-.216.351-.246.583-.011a188 188 0 0 0 3.357 3.325c.295.283.265.436-.009.706c-1.812 1.787-3.595 3.6-5.417 5.38c-.375.365-.332.544.016.885c1.787 1.753 3.539 3.544 5.325 5.299m-13.775 2.193a.6.6 0 0 0-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629 0a183 183 0 0 1-3.3 3.3c-.318.306-.276.471.015.758c1.783 1.76 3.536 3.549 5.325 5.3c.362.356.35.549-.007.9c-1.8 1.77-3.568 3.573-5.359 5.353c-.262.26-.332.416-.024.715a145 145 0 0 1 3.289 3.309c.26.27.4.266.663 0Q8 27.916 9.882 26.07a28 28 0 0 1 2.171-2.1l1.57 1.564q2.133 2.14 4.262 4.285c.2.2.347.207.55 0q1.724-1.739 3.464-3.461c.185-.183.187-.311 0-.5q-2.99-2.943-5.968-5.905"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGMLlbHeQQ" x1="3.843" x2="28.148" y1="28.15" y2="3.845" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ecefd"/><stop offset="1" stop-color="#56b1fc"/></linearGradient></defs><path fill="url(#SVGMLlbHeQQ)" d="M29.706 17.76c.329.324.315.5-.007.811c-1.1 1.066-2.18 2.161-3.263 3.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726 3.469-3.471c.214-.217.345-.179.539.017q2.127 2.156 4.27 4.3c.387.374.772.751 1.162 1.121c.156.148.277.352.529.361q2.895-2.888 5.786-5.781c.215-.216.351-.246.583-.011a188 188 0 0 0 3.357 3.325c.295.283.265.436-.009.706c-1.812 1.787-3.595 3.6-5.417 5.38c-.375.365-.332.544.016.885c1.787 1.753 3.539 3.544 5.325 5.299m-13.775 2.193a.6.6 0 0 0-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629 0a183 183 0 0 1-3.3 3.3c-.318.306-.276.471.015.758c1.783 1.76 3.536 3.549 5.325 5.3c.362.356.35.549-.007.9c-1.8 1.77-3.568 3.573-5.359 5.353c-.262.26-.332.416-.024.715a145 145 0 0 1 3.289 3.309c.26.27.4.266.663 0Q8 27.916 9.882 26.07a28 28 0 0 1 2.171-2.1l1.57 1.564q2.133 2.14 4.262 4.285c.2.2.347.207.55 0q1.724-1.739 3.464-3.461c.185-.183.187-.311 0-.5q-2.99-2.943-5.968-5.905"/></svg>
</template>

CSS

.icon-file-type-capacitor {
  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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMLlbHeQQ%22%20x1%3D%223.843%22%20x2%3D%2228.148%22%20y1%3D%2228.15%22%20y2%3D%223.845%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ecefd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2356b1fc%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMLlbHeQQ)%22%20d%3D%22M29.706%2017.76c.329.324.315.5-.007.811c-1.1%201.066-2.18%202.161-3.263%203.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726%203.469-3.471c.214-.217.345-.179.539.017q2.127%202.156%204.27%204.3c.387.374.772.751%201.162%201.121c.156.148.277.352.529.361q2.895-2.888%205.786-5.781c.215-.216.351-.246.583-.011a188%20188%200%200%200%203.357%203.325c.295.283.265.436-.009.706c-1.812%201.787-3.595%203.6-5.417%205.38c-.375.365-.332.544.016.885c1.787%201.753%203.539%203.544%205.325%205.299m-13.775%202.193a.6.6%200%200%200-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629%200a183%20183%200%200%201-3.3%203.3c-.318.306-.276.471.015.758c1.783%201.76%203.536%203.549%205.325%205.3c.362.356.35.549-.007.9c-1.8%201.77-3.568%203.573-5.359%205.353c-.262.26-.332.416-.024.715a145%20145%200%200%201%203.289%203.309c.26.27.4.266.663%200Q8%2027.916%209.882%2026.07a28%2028%200%200%201%202.171-2.1l1.57%201.564q2.133%202.14%204.262%204.285c.2.2.347.207.55%200q1.724-1.739%203.464-3.461c.185-.183.187-.311%200-.5q-2.99-2.943-5.968-5.905%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMLlbHeQQ%22%20x1%3D%223.843%22%20x2%3D%2228.148%22%20y1%3D%2228.15%22%20y2%3D%223.845%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ecefd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2356b1fc%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMLlbHeQQ)%22%20d%3D%22M29.706%2017.76c.329.324.315.5-.007.811c-1.1%201.066-2.18%202.161-3.263%203.249c-.185.186-.319.329-.582.064q-4.885-4.925-9.788-9.83q-2.989-2.964-5.981-5.925c-.192-.189-.17-.317.011-.5q1.743-1.726%203.469-3.471c.214-.217.345-.179.539.017q2.127%202.156%204.27%204.3c.387.374.772.751%201.162%201.121c.156.148.277.352.529.361q2.895-2.888%205.786-5.781c.215-.216.351-.246.583-.011a188%20188%200%200%200%203.357%203.325c.295.283.265.436-.009.706c-1.812%201.787-3.595%203.6-5.417%205.38c-.375.365-.332.544.016.885c1.787%201.753%203.539%203.544%205.325%205.299m-13.775%202.193a.6.6%200%200%200-.067-.1q-4.841-4.842-9.679-9.689c-.246-.246-.389-.241-.629%200a183%20183%200%200%201-3.3%203.3c-.318.306-.276.471.015.758c1.783%201.76%203.536%203.549%205.325%205.3c.362.356.35.549-.007.9c-1.8%201.77-3.568%203.573-5.359%205.353c-.262.26-.332.416-.024.715a145%20145%200%200%201%203.289%203.309c.26.27.4.266.663%200Q8%2027.916%209.882%2026.07a28%2028%200%200%201%202.171-2.1l1.57%201.564q2.133%202.14%204.262%204.285c.2.2.347.207.55%200q1.724-1.739%203.464-3.461c.185-.183.187-.311%200-.5q-2.99-2.943-5.968-5.905%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-capacitor.svg?color=%231a73e8&size=48