file type elastic logo

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

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

Related icons in VSCode Icons

file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html

Use the file type elastic logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fed10a" d="m12.761 13.89l6.644 3.027l6.7-5.874a7 7 0 0 0 .141-1.475a7.484 7.484 0 0 0-13.66-4.233l-1.12 5.785Z"/><path fill="#24bbb1" d="M5.886 20.919a7.3 7.3 0 0 0-.141 1.5a7.514 7.514 0 0 0 13.724 4.22l1.1-5.759l-1.469-2.821l-6.67-3.04Z"/><path fill="#ef5098" d="M5.848 9.426L10.4 10.5l1-5.169a3.594 3.594 0 0 0-5.552 4.095"/><path fill="#17a8e0" d="M5.45 10.517a5.016 5.016 0 0 0-.218 9.453l6.388-5.77l-1.167-2.5Z"/><path fill="#93c83e" d="M20.624 26.639a3.589 3.589 0 0 0 5.541-4.092l-4.541-1.065Z"/><path fill="#0779a1" d="m21.547 20.29l5 1.167A5.016 5.016 0 0 0 26.768 12l-6.541 5.733Z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeElastic(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fed10a" d="m12.761 13.89l6.644 3.027l6.7-5.874a7 7 0 0 0 .141-1.475a7.484 7.484 0 0 0-13.66-4.233l-1.12 5.785Z"/><path fill="#24bbb1" d="M5.886 20.919a7.3 7.3 0 0 0-.141 1.5a7.514 7.514 0 0 0 13.724 4.22l1.1-5.759l-1.469-2.821l-6.67-3.04Z"/><path fill="#ef5098" d="M5.848 9.426L10.4 10.5l1-5.169a3.594 3.594 0 0 0-5.552 4.095"/><path fill="#17a8e0" d="M5.45 10.517a5.016 5.016 0 0 0-.218 9.453l6.388-5.77l-1.167-2.5Z"/><path fill="#93c83e" d="M20.624 26.639a3.589 3.589 0 0 0 5.541-4.092l-4.541-1.065Z"/><path fill="#0779a1" d="m21.547 20.29l5 1.167A5.016 5.016 0 0 0 26.768 12l-6.541 5.733Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fed10a" d="m12.761 13.89l6.644 3.027l6.7-5.874a7 7 0 0 0 .141-1.475a7.484 7.484 0 0 0-13.66-4.233l-1.12 5.785Z"/><path fill="#24bbb1" d="M5.886 20.919a7.3 7.3 0 0 0-.141 1.5a7.514 7.514 0 0 0 13.724 4.22l1.1-5.759l-1.469-2.821l-6.67-3.04Z"/><path fill="#ef5098" d="M5.848 9.426L10.4 10.5l1-5.169a3.594 3.594 0 0 0-5.552 4.095"/><path fill="#17a8e0" d="M5.45 10.517a5.016 5.016 0 0 0-.218 9.453l6.388-5.77l-1.167-2.5Z"/><path fill="#93c83e" d="M20.624 26.639a3.589 3.589 0 0 0 5.541-4.092l-4.541-1.065Z"/><path fill="#0779a1" d="m21.547 20.29l5 1.167A5.016 5.016 0 0 0 26.768 12l-6.541 5.733Z"/></svg>
</template>

CSS

.icon-file-type-elastic {
  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%23fed10a%22%20d%3D%22m12.761%2013.89l6.644%203.027l6.7-5.874a7%207%200%200%200%20.141-1.475a7.484%207.484%200%200%200-13.66-4.233l-1.12%205.785Z%22%2F%3E%3Cpath%20fill%3D%22%2324bbb1%22%20d%3D%22M5.886%2020.919a7.3%207.3%200%200%200-.141%201.5a7.514%207.514%200%200%200%2013.724%204.22l1.1-5.759l-1.469-2.821l-6.67-3.04Z%22%2F%3E%3Cpath%20fill%3D%22%23ef5098%22%20d%3D%22M5.848%209.426L10.4%2010.5l1-5.169a3.594%203.594%200%200%200-5.552%204.095%22%2F%3E%3Cpath%20fill%3D%22%2317a8e0%22%20d%3D%22M5.45%2010.517a5.016%205.016%200%200%200-.218%209.453l6.388-5.77l-1.167-2.5Z%22%2F%3E%3Cpath%20fill%3D%22%2393c83e%22%20d%3D%22M20.624%2026.639a3.589%203.589%200%200%200%205.541-4.092l-4.541-1.065Z%22%2F%3E%3Cpath%20fill%3D%22%230779a1%22%20d%3D%22m21.547%2020.29l5%201.167A5.016%205.016%200%200%200%2026.768%2012l-6.541%205.733Z%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%23fed10a%22%20d%3D%22m12.761%2013.89l6.644%203.027l6.7-5.874a7%207%200%200%200%20.141-1.475a7.484%207.484%200%200%200-13.66-4.233l-1.12%205.785Z%22%2F%3E%3Cpath%20fill%3D%22%2324bbb1%22%20d%3D%22M5.886%2020.919a7.3%207.3%200%200%200-.141%201.5a7.514%207.514%200%200%200%2013.724%204.22l1.1-5.759l-1.469-2.821l-6.67-3.04Z%22%2F%3E%3Cpath%20fill%3D%22%23ef5098%22%20d%3D%22M5.848%209.426L10.4%2010.5l1-5.169a3.594%203.594%200%200%200-5.552%204.095%22%2F%3E%3Cpath%20fill%3D%22%2317a8e0%22%20d%3D%22M5.45%2010.517a5.016%205.016%200%200%200-.218%209.453l6.388-5.77l-1.167-2.5Z%22%2F%3E%3Cpath%20fill%3D%22%2393c83e%22%20d%3D%22M20.624%2026.639a3.589%203.589%200%200%200%205.541-4.092l-4.541-1.065Z%22%2F%3E%3Cpath%20fill%3D%22%230779a1%22%20d%3D%22m21.547%2020.29l5%201.167A5.016%205.016%200%200%200%2026.768%2012l-6.541%205.733Z%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-elastic.svg?color=%231a73e8&size=48