filen logo

filen from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
filen
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the filen logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.387 0 0 5.387 0 12s5.387 12 12 12s12-5.387 12-12S18.613 0 12 0m0 1.531a10.47 10.47 0 0 1 6.384 2.196v3.92H8.052a.75.75 0 0 0-.749.748v2.373c-.425.26-.69.719-.7 1.217A1.464 1.464 0 1 0 8.83 10.74V9.172h10.332a.75.75 0 0 0 .748-.75V5.193A10.47 10.47 0 0 1 22.47 12l-.012.151h-3.324a.75.75 0 0 0-.749.749v7.372a10.5 10.5 0 0 1-1.963 1.193V14.12c.425-.26.69-.718.7-1.217a1.464 1.464 0 0 0-2.927 0c.01.499.275.957.7 1.217v7.92a10.5 10.5 0 0 1-2.894.43a10.5 10.5 0 0 1-3.19-.502v-6.024h1.83c.259.426.718.69 1.216.7a1.464 1.464 0 0 0 0-2.927a1.46 1.46 0 0 0-1.217.7H8.033a.75.75 0 0 0-.749.75v6.177A10.5 10.5 0 0 1 4.8 19.576V5.252h8.314c.26.425.718.69 1.216.7a1.464 1.464 0 0 0 0-2.928a1.46 1.46 0 0 0-1.216.701H5.619A10.47 10.47 0 0 1 12 1.532zM3.274 6.266v11.468A10.47 10.47 0 0 1 1.53 12c.01-2.04.615-4.033 1.743-5.734zm16.637 7.412h2.42a10.47 10.47 0 0 1-2.42 5.13z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFilen(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 0C5.387 0 0 5.387 0 12s5.387 12 12 12s12-5.387 12-12S18.613 0 12 0m0 1.531a10.47 10.47 0 0 1 6.384 2.196v3.92H8.052a.75.75 0 0 0-.749.748v2.373c-.425.26-.69.719-.7 1.217A1.464 1.464 0 1 0 8.83 10.74V9.172h10.332a.75.75 0 0 0 .748-.75V5.193A10.47 10.47 0 0 1 22.47 12l-.012.151h-3.324a.75.75 0 0 0-.749.749v7.372a10.5 10.5 0 0 1-1.963 1.193V14.12c.425-.26.69-.718.7-1.217a1.464 1.464 0 0 0-2.927 0c.01.499.275.957.7 1.217v7.92a10.5 10.5 0 0 1-2.894.43a10.5 10.5 0 0 1-3.19-.502v-6.024h1.83c.259.426.718.69 1.216.7a1.464 1.464 0 0 0 0-2.927a1.46 1.46 0 0 0-1.217.7H8.033a.75.75 0 0 0-.749.75v6.177A10.5 10.5 0 0 1 4.8 19.576V5.252h8.314c.26.425.718.69 1.216.7a1.464 1.464 0 0 0 0-2.928a1.46 1.46 0 0 0-1.216.701H5.619A10.47 10.47 0 0 1 12 1.532zM3.274 6.266v11.468A10.47 10.47 0 0 1 1.53 12c.01-2.04.615-4.033 1.743-5.734zm16.637 7.412h2.42a10.47 10.47 0 0 1-2.42 5.13z"/></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 0C5.387 0 0 5.387 0 12s5.387 12 12 12s12-5.387 12-12S18.613 0 12 0m0 1.531a10.47 10.47 0 0 1 6.384 2.196v3.92H8.052a.75.75 0 0 0-.749.748v2.373c-.425.26-.69.719-.7 1.217A1.464 1.464 0 1 0 8.83 10.74V9.172h10.332a.75.75 0 0 0 .748-.75V5.193A10.47 10.47 0 0 1 22.47 12l-.012.151h-3.324a.75.75 0 0 0-.749.749v7.372a10.5 10.5 0 0 1-1.963 1.193V14.12c.425-.26.69-.718.7-1.217a1.464 1.464 0 0 0-2.927 0c.01.499.275.957.7 1.217v7.92a10.5 10.5 0 0 1-2.894.43a10.5 10.5 0 0 1-3.19-.502v-6.024h1.83c.259.426.718.69 1.216.7a1.464 1.464 0 0 0 0-2.927a1.46 1.46 0 0 0-1.217.7H8.033a.75.75 0 0 0-.749.75v6.177A10.5 10.5 0 0 1 4.8 19.576V5.252h8.314c.26.425.718.69 1.216.7a1.464 1.464 0 0 0 0-2.928a1.46 1.46 0 0 0-1.216.701H5.619A10.47 10.47 0 0 1 12 1.532zM3.274 6.266v11.468A10.47 10.47 0 0 1 1.53 12c.01-2.04.615-4.033 1.743-5.734zm16.637 7.412h2.42a10.47 10.47 0 0 1-2.42 5.13z"/></svg>
</template>

CSS

.icon-filen {
  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%200C5.387%200%200%205.387%200%2012s5.387%2012%2012%2012s12-5.387%2012-12S18.613%200%2012%200m0%201.531a10.47%2010.47%200%200%201%206.384%202.196v3.92H8.052a.75.75%200%200%200-.749.748v2.373c-.425.26-.69.719-.7%201.217A1.464%201.464%200%201%200%208.83%2010.74V9.172h10.332a.75.75%200%200%200%20.748-.75V5.193A10.47%2010.47%200%200%201%2022.47%2012l-.012.151h-3.324a.75.75%200%200%200-.749.749v7.372a10.5%2010.5%200%200%201-1.963%201.193V14.12c.425-.26.69-.718.7-1.217a1.464%201.464%200%200%200-2.927%200c.01.499.275.957.7%201.217v7.92a10.5%2010.5%200%200%201-2.894.43a10.5%2010.5%200%200%201-3.19-.502v-6.024h1.83c.259.426.718.69%201.216.7a1.464%201.464%200%200%200%200-2.927a1.46%201.46%200%200%200-1.217.7H8.033a.75.75%200%200%200-.749.75v6.177A10.5%2010.5%200%200%201%204.8%2019.576V5.252h8.314c.26.425.718.69%201.216.7a1.464%201.464%200%200%200%200-2.928a1.46%201.46%200%200%200-1.216.701H5.619A10.47%2010.47%200%200%201%2012%201.532zM3.274%206.266v11.468A10.47%2010.47%200%200%201%201.53%2012c.01-2.04.615-4.033%201.743-5.734zm16.637%207.412h2.42a10.47%2010.47%200%200%201-2.42%205.13z%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%200C5.387%200%200%205.387%200%2012s5.387%2012%2012%2012s12-5.387%2012-12S18.613%200%2012%200m0%201.531a10.47%2010.47%200%200%201%206.384%202.196v3.92H8.052a.75.75%200%200%200-.749.748v2.373c-.425.26-.69.719-.7%201.217A1.464%201.464%200%201%200%208.83%2010.74V9.172h10.332a.75.75%200%200%200%20.748-.75V5.193A10.47%2010.47%200%200%201%2022.47%2012l-.012.151h-3.324a.75.75%200%200%200-.749.749v7.372a10.5%2010.5%200%200%201-1.963%201.193V14.12c.425-.26.69-.718.7-1.217a1.464%201.464%200%200%200-2.927%200c.01.499.275.957.7%201.217v7.92a10.5%2010.5%200%200%201-2.894.43a10.5%2010.5%200%200%201-3.19-.502v-6.024h1.83c.259.426.718.69%201.216.7a1.464%201.464%200%200%200%200-2.927a1.46%201.46%200%200%200-1.217.7H8.033a.75.75%200%200%200-.749.75v6.177A10.5%2010.5%200%200%201%204.8%2019.576V5.252h8.314c.26.425.718.69%201.216.7a1.464%201.464%200%200%200%200-2.928a1.46%201.46%200%200%200-1.216.701H5.619A10.47%2010.47%200%200%201%2012%201.532zM3.274%206.266v11.468A10.47%2010.47%200%200%201%201.53%2012c.01-2.04.615-4.033%201.743-5.734zm16.637%207.412h2.42a10.47%2010.47%200%200%201-2.42%205.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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