fila logo

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

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

Use the fila logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.814 8.027c-.614 0-1.113.498-1.113 1.113v5.72a1.113 1.113 0 0 0 2.226 0V9.14c0-.614-.498-1.113-1.113-1.113m-2.849.078H1.113a1.113 1.113 0 0 0 0 2.226h4.852a1.113 1.113 0 0 0 0-2.226m17.411 4.417L21.03 8.705c-.275-.444-.65-.658-1.125-.658c-.488 0-.904.229-1.162.658l-2.715 4.5c-.186.308-.4.436-.753.436h-2.019a.275.275 0 0 1-.285-.284V9.102c0-.613-.497-1.075-1.11-1.075s-1.11.463-1.11 1.076v5.215c0 .784.774 1.544 1.544 1.544h4.064c.576 0 .963-.42 1.292-.996l2.114-3.627c.018-.04.053-.091.093-.091c.043 0 .07.051.091.088l1.384 2.22c.058.094.069.141.032.225c-.033.077-.108.093-.23.093h-1.943a1.044 1.044 0 1 0 0 2.088h3.17c.77 0 1.638-.734 1.638-1.693c0-.608-.117-.822-.624-1.647M5.431 10.954H1.113c-.615 0-1.113.498-1.113 1.113v2.715a1.113 1.113 0 1 0 2.226 0v-1.268c0-.185.15-.334.334-.334h2.87a1.113 1.113 0 0 0 0-2.226"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFila(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="M8.814 8.027c-.614 0-1.113.498-1.113 1.113v5.72a1.113 1.113 0 0 0 2.226 0V9.14c0-.614-.498-1.113-1.113-1.113m-2.849.078H1.113a1.113 1.113 0 0 0 0 2.226h4.852a1.113 1.113 0 0 0 0-2.226m17.411 4.417L21.03 8.705c-.275-.444-.65-.658-1.125-.658c-.488 0-.904.229-1.162.658l-2.715 4.5c-.186.308-.4.436-.753.436h-2.019a.275.275 0 0 1-.285-.284V9.102c0-.613-.497-1.075-1.11-1.075s-1.11.463-1.11 1.076v5.215c0 .784.774 1.544 1.544 1.544h4.064c.576 0 .963-.42 1.292-.996l2.114-3.627c.018-.04.053-.091.093-.091c.043 0 .07.051.091.088l1.384 2.22c.058.094.069.141.032.225c-.033.077-.108.093-.23.093h-1.943a1.044 1.044 0 1 0 0 2.088h3.17c.77 0 1.638-.734 1.638-1.693c0-.608-.117-.822-.624-1.647M5.431 10.954H1.113c-.615 0-1.113.498-1.113 1.113v2.715a1.113 1.113 0 1 0 2.226 0v-1.268c0-.185.15-.334.334-.334h2.87a1.113 1.113 0 0 0 0-2.226"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.814 8.027c-.614 0-1.113.498-1.113 1.113v5.72a1.113 1.113 0 0 0 2.226 0V9.14c0-.614-.498-1.113-1.113-1.113m-2.849.078H1.113a1.113 1.113 0 0 0 0 2.226h4.852a1.113 1.113 0 0 0 0-2.226m17.411 4.417L21.03 8.705c-.275-.444-.65-.658-1.125-.658c-.488 0-.904.229-1.162.658l-2.715 4.5c-.186.308-.4.436-.753.436h-2.019a.275.275 0 0 1-.285-.284V9.102c0-.613-.497-1.075-1.11-1.075s-1.11.463-1.11 1.076v5.215c0 .784.774 1.544 1.544 1.544h4.064c.576 0 .963-.42 1.292-.996l2.114-3.627c.018-.04.053-.091.093-.091c.043 0 .07.051.091.088l1.384 2.22c.058.094.069.141.032.225c-.033.077-.108.093-.23.093h-1.943a1.044 1.044 0 1 0 0 2.088h3.17c.77 0 1.638-.734 1.638-1.693c0-.608-.117-.822-.624-1.647M5.431 10.954H1.113c-.615 0-1.113.498-1.113 1.113v2.715a1.113 1.113 0 1 0 2.226 0v-1.268c0-.185.15-.334.334-.334h2.87a1.113 1.113 0 0 0 0-2.226"/></svg>
</template>

CSS

.icon-fila {
  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%22M8.814%208.027c-.614%200-1.113.498-1.113%201.113v5.72a1.113%201.113%200%200%200%202.226%200V9.14c0-.614-.498-1.113-1.113-1.113m-2.849.078H1.113a1.113%201.113%200%200%200%200%202.226h4.852a1.113%201.113%200%200%200%200-2.226m17.411%204.417L21.03%208.705c-.275-.444-.65-.658-1.125-.658c-.488%200-.904.229-1.162.658l-2.715%204.5c-.186.308-.4.436-.753.436h-2.019a.275.275%200%200%201-.285-.284V9.102c0-.613-.497-1.075-1.11-1.075s-1.11.463-1.11%201.076v5.215c0%20.784.774%201.544%201.544%201.544h4.064c.576%200%20.963-.42%201.292-.996l2.114-3.627c.018-.04.053-.091.093-.091c.043%200%20.07.051.091.088l1.384%202.22c.058.094.069.141.032.225c-.033.077-.108.093-.23.093h-1.943a1.044%201.044%200%201%200%200%202.088h3.17c.77%200%201.638-.734%201.638-1.693c0-.608-.117-.822-.624-1.647M5.431%2010.954H1.113c-.615%200-1.113.498-1.113%201.113v2.715a1.113%201.113%200%201%200%202.226%200v-1.268c0-.185.15-.334.334-.334h2.87a1.113%201.113%200%200%200%200-2.226%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%22M8.814%208.027c-.614%200-1.113.498-1.113%201.113v5.72a1.113%201.113%200%200%200%202.226%200V9.14c0-.614-.498-1.113-1.113-1.113m-2.849.078H1.113a1.113%201.113%200%200%200%200%202.226h4.852a1.113%201.113%200%200%200%200-2.226m17.411%204.417L21.03%208.705c-.275-.444-.65-.658-1.125-.658c-.488%200-.904.229-1.162.658l-2.715%204.5c-.186.308-.4.436-.753.436h-2.019a.275.275%200%200%201-.285-.284V9.102c0-.613-.497-1.075-1.11-1.075s-1.11.463-1.11%201.076v5.215c0%20.784.774%201.544%201.544%201.544h4.064c.576%200%20.963-.42%201.292-.996l2.114-3.627c.018-.04.053-.091.093-.091c.043%200%20.07.051.091.088l1.384%202.22c.058.094.069.141.032.225c-.033.077-.108.093-.23.093h-1.943a1.044%201.044%200%201%200%200%202.088h3.17c.77%200%201.638-.734%201.638-1.693c0-.608-.117-.822-.624-1.647M5.431%2010.954H1.113c-.615%200-1.113.498-1.113%201.113v2.715a1.113%201.113%200%201%200%202.226%200v-1.268c0-.185.15-.334.334-.334h2.87a1.113%201.113%200%200%200%200-2.226%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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