danfo logo

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

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

Use the danfo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffdf28" d="M0 0h256v256H0z"/><path fill="#2e2e2e" d="M116.387 30.755c18.266-.275 36.438.501 54.052 8.177c40.133 17.492 65.051 59.935 60.148 103.434c-4.958 43.989-38.704 80.451-81.699 88.081c-5.283.937-10.702 1.525-16.062 1.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009 171.791s48.808-.01 69.022-.213c39.38-.394 68.13-25.485 73.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382 0 10.511.413 15.548-.097c7.44-.753 12.217-6.458 12.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928 4.447 1.382 6.112 2.234c17.116 8.752 26.217 28.46 22.132 47.77c-3.885 18.364-20.145 32.584-39.105 33.362c-13.68.561-46.305.303-46.305.303l.194-143.83"/></svg>

React

import type { SVGProps } from "react";

export function LogosDanfo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffdf28" d="M0 0h256v256H0z"/><path fill="#2e2e2e" d="M116.387 30.755c18.266-.275 36.438.501 54.052 8.177c40.133 17.492 65.051 59.935 60.148 103.434c-4.958 43.989-38.704 80.451-81.699 88.081c-5.283.937-10.702 1.525-16.062 1.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009 171.791s48.808-.01 69.022-.213c39.38-.394 68.13-25.485 73.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382 0 10.511.413 15.548-.097c7.44-.753 12.217-6.458 12.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928 4.447 1.382 6.112 2.234c17.116 8.752 26.217 28.46 22.132 47.77c-3.885 18.364-20.145 32.584-39.105 33.362c-13.68.561-46.305.303-46.305.303l.194-143.83"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#ffdf28" d="M0 0h256v256H0z"/><path fill="#2e2e2e" d="M116.387 30.755c18.266-.275 36.438.501 54.052 8.177c40.133 17.492 65.051 59.935 60.148 103.434c-4.958 43.989-38.704 80.451-81.699 88.081c-5.283.937-10.702 1.525-16.062 1.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009 171.791s48.808-.01 69.022-.213c39.38-.394 68.13-25.485 73.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382 0 10.511.413 15.548-.097c7.44-.753 12.217-6.458 12.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928 4.447 1.382 6.112 2.234c17.116 8.752 26.217 28.46 22.132 47.77c-3.885 18.364-20.145 32.584-39.105 33.362c-13.68.561-46.305.303-46.305.303l.194-143.83"/></svg>
</template>

CSS

.icon-danfo {
  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%3Cpath%20fill%3D%22%23ffdf28%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%232e2e2e%22%20d%3D%22M116.387%2030.755c18.266-.275%2036.438.501%2054.052%208.177c40.133%2017.492%2065.051%2059.935%2060.148%20103.434c-4.958%2043.989-38.704%2080.451-81.699%2088.081c-5.283.937-10.702%201.525-16.062%201.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009%20171.791s48.808-.01%2069.022-.213c39.38-.394%2068.13-25.485%2073.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382%200%2010.511.413%2015.548-.097c7.44-.753%2012.217-6.458%2012.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928%204.447%201.382%206.112%202.234c17.116%208.752%2026.217%2028.46%2022.132%2047.77c-3.885%2018.364-20.145%2032.584-39.105%2033.362c-13.68.561-46.305.303-46.305.303l.194-143.83%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%3Cpath%20fill%3D%22%23ffdf28%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%232e2e2e%22%20d%3D%22M116.387%2030.755c18.266-.275%2036.438.501%2054.052%208.177c40.133%2017.492%2065.051%2059.935%2060.148%20103.434c-4.958%2043.989-38.704%2080.451-81.699%2088.081c-5.283.937-10.702%201.525-16.062%201.551c-32.343.152-102.637-.349-102.637-.349V31.431h28.837l.009%20171.791s48.808-.01%2069.022-.213c39.38-.394%2068.13-25.485%2073.552-63.93c5.17-36.66-24.156-74.462-60.909-78.3c-7.755-.81-15.58-.958-24.16-1.457v86.128c5.382%200%2010.511.413%2015.548-.097c7.44-.753%2012.217-6.458%2012.31-14.393c.152-13.006.041-40.073.041-40.073c2.58.928%204.447%201.382%206.112%202.234c17.116%208.752%2026.217%2028.46%2022.132%2047.77c-3.885%2018.364-20.145%2032.584-39.105%2033.362c-13.68.561-46.305.303-46.305.303l.194-143.83%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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