kaggle logo

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

Name: kaggle
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

kaggleCoreUI Brands kaggleDevicon kaggleFont Awesome 6 Brands kaggleLine Awesome kaggleSimple Icons

Use the kaggle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M464.2 565.5L318.4 384.3L458.2 249c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L240.9 377.5v-306q0-7.5-7.5-7.5h-51.9q-7.5 0-7.5 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 Fa7BrandsKaggle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M464.2 565.5L318.4 384.3L458.2 249c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L240.9 377.5v-306q0-7.5-7.5-7.5h-51.9q-7.5 0-7.5 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 640 640"><path fill="currentColor" d="M464.2 565.5L318.4 384.3L458.2 249c2.6-2.7 1.7-10.5-5.3-10.5h-69.2c-3.5 0-7 1.8-10.5 5.3L240.9 377.5v-306q0-7.5-7.5-7.5h-51.9q-7.5 0-7.5 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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464.2%20565.5L318.4%20384.3L458.2%20249c2.6-2.7%201.7-10.5-5.3-10.5h-69.2c-3.5%200-7%201.8-10.5%205.3L240.9%20377.5v-306q0-7.5-7.5-7.5h-51.9q-7.5%200-7.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464.2%20565.5L318.4%20384.3L458.2%20249c2.6-2.7%201.7-10.5-5.3-10.5h-69.2c-3.5%200-7%201.8-10.5%205.3L240.9%20377.5v-306q0-7.5-7.5-7.5h-51.9q-7.5%200-7.5%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/fa7-brands/kaggle.svg?color=%231a73e8&size=48