kaggle logo

kaggle from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
kaggle
Set
Font Awesome 6 Brands
Style
Regular
Viewbox
320×512
License
CC BY 4.0

The same logo in other sets

kaggleCoreUI BrandskaggleDeviconkaggleFont Awesome BrandskaggleLine AwesomekaggleSimple Icons

Use the kaggle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M304.2 501.5L158.4 320.3L298.2 185c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L80.9 313.5V7.5q0-7.5-7.5-7.5H21.5Q14 0 14 7.5v497q0 7.5 7.5 7.5h51.9q7.5 0 7.5-7.5v-109l30.8-29.3l110.5 140.6c3 3.5 6.5 5.3 10.5 5.3h66.9q5.25 0 6-3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsKaggle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M304.2 501.5L158.4 320.3L298.2 185c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L80.9 313.5V7.5q0-7.5-7.5-7.5H21.5Q14 0 14 7.5v497q0 7.5 7.5 7.5h51.9q7.5 0 7.5-7.5v-109l30.8-29.3l110.5 140.6c3 3.5 6.5 5.3 10.5 5.3h66.9q5.25 0 6-3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M304.2 501.5L158.4 320.3L298.2 185c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L80.9 313.5V7.5q0-7.5-7.5-7.5H21.5Q14 0 14 7.5v497q0 7.5 7.5 7.5h51.9q7.5 0 7.5-7.5v-109l30.8-29.3l110.5 140.6c3 3.5 6.5 5.3 10.5 5.3h66.9q5.25 0 6-3z"/></svg>
</template>

CSS

.icon-kaggle {
  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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M304.2%20501.5L158.4%20320.3L298.2%20185c2.6-2.7%201.7-10.5-5.3-10.5h-69.2c-3.5%200-7%201.8-10.5%205.3L80.9%20313.5V7.5q0-7.5-7.5-7.5H21.5Q14%200%2014%207.5v497q0%207.5%207.5%207.5h51.9q7.5%200%207.5-7.5v-109l30.8-29.3l110.5%20140.6c3%203.5%206.5%205.3%2010.5%205.3h66.9q5.25%200%206-3z%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M304.2%20501.5L158.4%20320.3L298.2%20185c2.6-2.7%201.7-10.5-5.3-10.5h-69.2c-3.5%200-7%201.8-10.5%205.3L80.9%20313.5V7.5q0-7.5-7.5-7.5H21.5Q14%200%2014%207.5v497q0%207.5%207.5%207.5h51.9q7.5%200%207.5-7.5v-109l30.8-29.3l110.5%20140.6c3%203.5%206.5%205.3%2010.5%205.3h66.9q5.25%200%206-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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