distelli logo

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

Name
distelli
Set
SVG Logos
Style
Color
Viewbox
256×236
License
CC0

Use the distelli logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path d="M118.355.36h-73.83a7.482 7.482 0 0 0-6.48 3.741L1.128 68.04a7.485 7.485 0 0 0 0 7.484l36.915 63.938a7.483 7.483 0 0 0 6.481 3.742h73.83a7.485 7.485 0 0 0 6.481-3.742l36.915-63.938a7.482 7.482 0 0 0 0-7.484L124.836 4.101a7.484 7.484 0 0 0-6.48-3.742" fill="#3B97D3"/><path d="M221.84 92.624h-56.595a5.738 5.738 0 0 0-4.968 2.868l-28.298 49.013a5.738 5.738 0 0 0 0 5.737l28.298 49.012a5.737 5.737 0 0 0 4.968 2.868h56.594a5.737 5.737 0 0 0 4.969-2.868l28.297-49.012a5.738 5.738 0 0 0 0-5.737l-28.297-49.013a5.738 5.738 0 0 0-4.969-2.868" fill="#4EBA6F"/><path d="M120.29 151.74H77.111a4.377 4.377 0 0 0-3.79 2.189l-21.589 37.392a4.376 4.376 0 0 0 0 4.377l21.588 37.393a4.377 4.377 0 0 0 3.79 2.188h43.178a4.377 4.377 0 0 0 3.79-2.188l21.589-37.393a4.376 4.376 0 0 0 0-4.377l-21.589-37.392a4.377 4.377 0 0 0-3.79-2.188" fill="#F0C419"/></svg>

React

import type { SVGProps } from "react";

export function LogosDistelli(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path d="M118.355.36h-73.83a7.482 7.482 0 0 0-6.48 3.741L1.128 68.04a7.485 7.485 0 0 0 0 7.484l36.915 63.938a7.483 7.483 0 0 0 6.481 3.742h73.83a7.485 7.485 0 0 0 6.481-3.742l36.915-63.938a7.482 7.482 0 0 0 0-7.484L124.836 4.101a7.484 7.484 0 0 0-6.48-3.742" fill="#3B97D3"/><path d="M221.84 92.624h-56.595a5.738 5.738 0 0 0-4.968 2.868l-28.298 49.013a5.738 5.738 0 0 0 0 5.737l28.298 49.012a5.737 5.737 0 0 0 4.968 2.868h56.594a5.737 5.737 0 0 0 4.969-2.868l28.297-49.012a5.738 5.738 0 0 0 0-5.737l-28.297-49.013a5.738 5.738 0 0 0-4.969-2.868" fill="#4EBA6F"/><path d="M120.29 151.74H77.111a4.377 4.377 0 0 0-3.79 2.189l-21.589 37.392a4.376 4.376 0 0 0 0 4.377l21.588 37.393a4.377 4.377 0 0 0 3.79 2.188h43.178a4.377 4.377 0 0 0 3.79-2.188l21.589-37.393a4.376 4.376 0 0 0 0-4.377l-21.589-37.392a4.377 4.377 0 0 0-3.79-2.188" fill="#F0C419"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path d="M118.355.36h-73.83a7.482 7.482 0 0 0-6.48 3.741L1.128 68.04a7.485 7.485 0 0 0 0 7.484l36.915 63.938a7.483 7.483 0 0 0 6.481 3.742h73.83a7.485 7.485 0 0 0 6.481-3.742l36.915-63.938a7.482 7.482 0 0 0 0-7.484L124.836 4.101a7.484 7.484 0 0 0-6.48-3.742" fill="#3B97D3"/><path d="M221.84 92.624h-56.595a5.738 5.738 0 0 0-4.968 2.868l-28.298 49.013a5.738 5.738 0 0 0 0 5.737l28.298 49.012a5.737 5.737 0 0 0 4.968 2.868h56.594a5.737 5.737 0 0 0 4.969-2.868l28.297-49.012a5.738 5.738 0 0 0 0-5.737l-28.297-49.013a5.738 5.738 0 0 0-4.969-2.868" fill="#4EBA6F"/><path d="M120.29 151.74H77.111a4.377 4.377 0 0 0-3.79 2.189l-21.589 37.392a4.376 4.376 0 0 0 0 4.377l21.588 37.393a4.377 4.377 0 0 0 3.79 2.188h43.178a4.377 4.377 0 0 0 3.79-2.188l21.589-37.393a4.376 4.376 0 0 0 0-4.377l-21.589-37.392a4.377 4.377 0 0 0-3.79-2.188" fill="#F0C419"/></svg>
</template>

CSS

.icon-distelli {
  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%20236%22%3E%3Cpath%20d%3D%22M118.355.36h-73.83a7.482%207.482%200%200%200-6.48%203.741L1.128%2068.04a7.485%207.485%200%200%200%200%207.484l36.915%2063.938a7.483%207.483%200%200%200%206.481%203.742h73.83a7.485%207.485%200%200%200%206.481-3.742l36.915-63.938a7.482%207.482%200%200%200%200-7.484L124.836%204.101a7.484%207.484%200%200%200-6.48-3.742%22%20fill%3D%22%233B97D3%22%2F%3E%3Cpath%20d%3D%22M221.84%2092.624h-56.595a5.738%205.738%200%200%200-4.968%202.868l-28.298%2049.013a5.738%205.738%200%200%200%200%205.737l28.298%2049.012a5.737%205.737%200%200%200%204.968%202.868h56.594a5.737%205.737%200%200%200%204.969-2.868l28.297-49.012a5.738%205.738%200%200%200%200-5.737l-28.297-49.013a5.738%205.738%200%200%200-4.969-2.868%22%20fill%3D%22%234EBA6F%22%2F%3E%3Cpath%20d%3D%22M120.29%20151.74H77.111a4.377%204.377%200%200%200-3.79%202.189l-21.589%2037.392a4.376%204.376%200%200%200%200%204.377l21.588%2037.393a4.377%204.377%200%200%200%203.79%202.188h43.178a4.377%204.377%200%200%200%203.79-2.188l21.589-37.393a4.376%204.376%200%200%200%200-4.377l-21.589-37.392a4.377%204.377%200%200%200-3.79-2.188%22%20fill%3D%22%23F0C419%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%20236%22%3E%3Cpath%20d%3D%22M118.355.36h-73.83a7.482%207.482%200%200%200-6.48%203.741L1.128%2068.04a7.485%207.485%200%200%200%200%207.484l36.915%2063.938a7.483%207.483%200%200%200%206.481%203.742h73.83a7.485%207.485%200%200%200%206.481-3.742l36.915-63.938a7.482%207.482%200%200%200%200-7.484L124.836%204.101a7.484%207.484%200%200%200-6.48-3.742%22%20fill%3D%22%233B97D3%22%2F%3E%3Cpath%20d%3D%22M221.84%2092.624h-56.595a5.738%205.738%200%200%200-4.968%202.868l-28.298%2049.013a5.738%205.738%200%200%200%200%205.737l28.298%2049.012a5.737%205.737%200%200%200%204.968%202.868h56.594a5.737%205.737%200%200%200%204.969-2.868l28.297-49.012a5.738%205.738%200%200%200%200-5.737l-28.297-49.013a5.738%205.738%200%200%200-4.969-2.868%22%20fill%3D%22%234EBA6F%22%2F%3E%3Cpath%20d%3D%22M120.29%20151.74H77.111a4.377%204.377%200%200%200-3.79%202.189l-21.589%2037.392a4.376%204.376%200%200%200%200%204.377l21.588%2037.393a4.377%204.377%200%200%200%203.79%202.188h43.178a4.377%204.377%200%200%200%203.79-2.188l21.589-37.393a4.376%204.376%200%200%200%200-4.377l-21.589-37.392a4.377%204.377%200%200%200-3.79-2.188%22%20fill%3D%22%23F0C419%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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