dad logo

dad from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: dad
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the dad logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGvdUiqbRl)" d="M12.712 3H3.6v3.6h7.835c1.514.04 4.765 1.803 4.765 5.172c0 4.038-3.103 5.628-4.765 5.628H7.2V21h5.512c2.581 0 7.805-2.574 7.686-9.228C20.28 5.119 15.145 3 12.712 3M9 10.2h1.8a1.8 1.8 0 1 1 0 3.6H9zM3.6 12a1.8 1.8 0 0 1 1.8-1.8v3.6A1.8 1.8 0 0 1 3.6 12"/><defs><linearGradient id="SVGvdUiqbRl" x1="7.251" x2="18.113" y1="5.262" y2="17.71" gradientUnits="userSpaceOnUse"><stop stop-color="#00edef"/><stop offset="1" stop-color="#0094ff"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedDad(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGvdUiqbRl)" d="M12.712 3H3.6v3.6h7.835c1.514.04 4.765 1.803 4.765 5.172c0 4.038-3.103 5.628-4.765 5.628H7.2V21h5.512c2.581 0 7.805-2.574 7.686-9.228C20.28 5.119 15.145 3 12.712 3M9 10.2h1.8a1.8 1.8 0 1 1 0 3.6H9zM3.6 12a1.8 1.8 0 0 1 1.8-1.8v3.6A1.8 1.8 0 0 1 3.6 12"/><defs><linearGradient id="SVGvdUiqbRl" x1="7.251" x2="18.113" y1="5.262" y2="17.71" gradientUnits="userSpaceOnUse"><stop stopColor="#00edef"/><stop offset="1" stopColor="#0094ff"/></linearGradient></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGvdUiqbRl)" d="M12.712 3H3.6v3.6h7.835c1.514.04 4.765 1.803 4.765 5.172c0 4.038-3.103 5.628-4.765 5.628H7.2V21h5.512c2.581 0 7.805-2.574 7.686-9.228C20.28 5.119 15.145 3 12.712 3M9 10.2h1.8a1.8 1.8 0 1 1 0 3.6H9zM3.6 12a1.8 1.8 0 0 1 1.8-1.8v3.6A1.8 1.8 0 0 1 3.6 12"/><defs><linearGradient id="SVGvdUiqbRl" x1="7.251" x2="18.113" y1="5.262" y2="17.71" gradientUnits="userSpaceOnUse"><stop stop-color="#00edef"/><stop offset="1" stop-color="#0094ff"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-dad {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGvdUiqbRl)%22%20d%3D%22M12.712%203H3.6v3.6h7.835c1.514.04%204.765%201.803%204.765%205.172c0%204.038-3.103%205.628-4.765%205.628H7.2V21h5.512c2.581%200%207.805-2.574%207.686-9.228C20.28%205.119%2015.145%203%2012.712%203M9%2010.2h1.8a1.8%201.8%200%201%201%200%203.6H9zM3.6%2012a1.8%201.8%200%200%201%201.8-1.8v3.6A1.8%201.8%200%200%201%203.6%2012%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvdUiqbRl%22%20x1%3D%227.251%22%20x2%3D%2218.113%22%20y1%3D%225.262%22%20y2%3D%2217.71%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300edef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230094ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGvdUiqbRl)%22%20d%3D%22M12.712%203H3.6v3.6h7.835c1.514.04%204.765%201.803%204.765%205.172c0%204.038-3.103%205.628-4.765%205.628H7.2V21h5.512c2.581%200%207.805-2.574%207.686-9.228C20.28%205.119%2015.145%203%2012.712%203M9%2010.2h1.8a1.8%201.8%200%201%201%200%203.6H9zM3.6%2012a1.8%201.8%200%200%201%201.8-1.8v3.6A1.8%201.8%200%200%201%203.6%2012%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGvdUiqbRl%22%20x1%3D%227.251%22%20x2%3D%2218.113%22%20y1%3D%225.262%22%20y2%3D%2217.71%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300edef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230094ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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