neat logo

neat from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
neat
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the neat logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG7cPGOc3C" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#21e9f4"/><stop offset="100%" stop-color="#00d4ff"/></linearGradient></defs><path fill="#00d4ff" d="M256 223.693c-.016 1.087-.048 2.173-.16 3.26a31.8 31.8 0 0 1-1.776 7.717c-3.216 8.756-10.304 15.835-19.072 19.046c-3.264 1.199-6.688 1.79-10.16 1.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32 32 0 0 1-7.728-1.774a32 32 0 0 1-12.688-8.548a31.7 31.7 0 0 1-6.64-11.233C.56 230.628.048 227.193 0 223.693V0l128 127.825L256 0zm-244-.08c.032 2.381.384 4.698 1.216 6.935c2 5.48 6.432 9.906 11.92 11.904c2.032.75 4.176 1.118 6.336 1.214q96.528 1.198 193.056 0c2.16-.096 4.304-.463 6.336-1.214c5.488-1.998 9.92-6.423 11.92-11.904c.832-2.237 1.184-4.554 1.216-6.934V28.936L136.48 136.293l-.768.72c-.848.638-1.68 1.23-2.64 1.677a12.1 12.1 0 0 1-10.144 0a12.3 12.3 0 0 1-2.64-1.678c-.272-.223-.512-.48-.768-.719L12 28.936z"/><path fill="url(#SVG7cPGOc3C)" d="M9.376 246.286L128 127.825l118.624 118.461c-5.792 5.785-13.792 9.364-22.624 9.364H32c-8.832 0-16.832-3.58-22.624-9.364"/></svg>

React

import type { SVGProps } from "react";

export function LogosNeat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG7cPGOc3C" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stopColor="#21e9f4"/><stop offset="100%" stopColor="#00d4ff"/></linearGradient></defs><path fill="#00d4ff" d="M256 223.693c-.016 1.087-.048 2.173-.16 3.26a31.8 31.8 0 0 1-1.776 7.717c-3.216 8.756-10.304 15.835-19.072 19.046c-3.264 1.199-6.688 1.79-10.16 1.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32 32 0 0 1-7.728-1.774a32 32 0 0 1-12.688-8.548a31.7 31.7 0 0 1-6.64-11.233C.56 230.628.048 227.193 0 223.693V0l128 127.825L256 0zm-244-.08c.032 2.381.384 4.698 1.216 6.935c2 5.48 6.432 9.906 11.92 11.904c2.032.75 4.176 1.118 6.336 1.214q96.528 1.198 193.056 0c2.16-.096 4.304-.463 6.336-1.214c5.488-1.998 9.92-6.423 11.92-11.904c.832-2.237 1.184-4.554 1.216-6.934V28.936L136.48 136.293l-.768.72c-.848.638-1.68 1.23-2.64 1.677a12.1 12.1 0 0 1-10.144 0a12.3 12.3 0 0 1-2.64-1.678c-.272-.223-.512-.48-.768-.719L12 28.936z"/><path fill="url(#SVG7cPGOc3C)" d="M9.376 246.286L128 127.825l118.624 118.461c-5.792 5.785-13.792 9.364-22.624 9.364H32c-8.832 0-16.832-3.58-22.624-9.364"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVG7cPGOc3C" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#21e9f4"/><stop offset="100%" stop-color="#00d4ff"/></linearGradient></defs><path fill="#00d4ff" d="M256 223.693c-.016 1.087-.048 2.173-.16 3.26a31.8 31.8 0 0 1-1.776 7.717c-3.216 8.756-10.304 15.835-19.072 19.046c-3.264 1.199-6.688 1.79-10.16 1.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32 32 0 0 1-7.728-1.774a32 32 0 0 1-12.688-8.548a31.7 31.7 0 0 1-6.64-11.233C.56 230.628.048 227.193 0 223.693V0l128 127.825L256 0zm-244-.08c.032 2.381.384 4.698 1.216 6.935c2 5.48 6.432 9.906 11.92 11.904c2.032.75 4.176 1.118 6.336 1.214q96.528 1.198 193.056 0c2.16-.096 4.304-.463 6.336-1.214c5.488-1.998 9.92-6.423 11.92-11.904c.832-2.237 1.184-4.554 1.216-6.934V28.936L136.48 136.293l-.768.72c-.848.638-1.68 1.23-2.64 1.677a12.1 12.1 0 0 1-10.144 0a12.3 12.3 0 0 1-2.64-1.678c-.272-.223-.512-.48-.768-.719L12 28.936z"/><path fill="url(#SVG7cPGOc3C)" d="M9.376 246.286L128 127.825l118.624 118.461c-5.792 5.785-13.792 9.364-22.624 9.364H32c-8.832 0-16.832-3.58-22.624-9.364"/></svg>
</template>

CSS

.icon-neat {
  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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7cPGOc3C%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2321e9f4%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2300d4ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2300d4ff%22%20d%3D%22M256%20223.693c-.016%201.087-.048%202.173-.16%203.26a31.8%2031.8%200%200%201-1.776%207.717c-3.216%208.756-10.304%2015.835-19.072%2019.046c-3.264%201.199-6.688%201.79-10.16%201.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32%2032%200%200%201-7.728-1.774a32%2032%200%200%201-12.688-8.548a31.7%2031.7%200%200%201-6.64-11.233C.56%20230.628.048%20227.193%200%20223.693V0l128%20127.825L256%200zm-244-.08c.032%202.381.384%204.698%201.216%206.935c2%205.48%206.432%209.906%2011.92%2011.904c2.032.75%204.176%201.118%206.336%201.214q96.528%201.198%20193.056%200c2.16-.096%204.304-.463%206.336-1.214c5.488-1.998%209.92-6.423%2011.92-11.904c.832-2.237%201.184-4.554%201.216-6.934V28.936L136.48%20136.293l-.768.72c-.848.638-1.68%201.23-2.64%201.677a12.1%2012.1%200%200%201-10.144%200a12.3%2012.3%200%200%201-2.64-1.678c-.272-.223-.512-.48-.768-.719L12%2028.936z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7cPGOc3C)%22%20d%3D%22M9.376%20246.286L128%20127.825l118.624%20118.461c-5.792%205.785-13.792%209.364-22.624%209.364H32c-8.832%200-16.832-3.58-22.624-9.364%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7cPGOc3C%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22100%25%22%20y2%3D%220%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2321e9f4%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2300d4ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2300d4ff%22%20d%3D%22M256%20223.693c-.016%201.087-.048%202.173-.16%203.26a31.8%2031.8%200%200%201-1.776%207.717c-3.216%208.756-10.304%2015.835-19.072%2019.046c-3.264%201.199-6.688%201.79-10.16%201.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32%2032%200%200%201-7.728-1.774a32%2032%200%200%201-12.688-8.548a31.7%2031.7%200%200%201-6.64-11.233C.56%20230.628.048%20227.193%200%20223.693V0l128%20127.825L256%200zm-244-.08c.032%202.381.384%204.698%201.216%206.935c2%205.48%206.432%209.906%2011.92%2011.904c2.032.75%204.176%201.118%206.336%201.214q96.528%201.198%20193.056%200c2.16-.096%204.304-.463%206.336-1.214c5.488-1.998%209.92-6.423%2011.92-11.904c.832-2.237%201.184-4.554%201.216-6.934V28.936L136.48%20136.293l-.768.72c-.848.638-1.68%201.23-2.64%201.677a12.1%2012.1%200%200%201-10.144%200a12.3%2012.3%200%200%201-2.64-1.678c-.272-.223-.512-.48-.768-.719L12%2028.936z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7cPGOc3C)%22%20d%3D%22M9.376%20246.286L128%20127.825l118.624%20118.461c-5.792%205.785-13.792%209.364-22.624%209.364H32c-8.832%200-16.832-3.58-22.624-9.364%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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