cow logo
cow-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- cow-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the cow logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="url(#SVGpsRgWdLY)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.422 9.644L16.88 9.24l1.942-.8l.436-1.72l-.511-.889l-2.498-.72l1.271 1.791l.009.014l-.991.24l-2.454-1.654l-2.08.245l-2.08-.245l-2.453 1.654l-.991-.24l.004-.014l1.276-1.79l-2.502.715l-.516.893l.436 1.72l1.942.8l-2.542.404L4 11.178l1.742.826l1.645-.569l.235 1.725l1.085 2.476l.524 1.342l2.547 1.76l.222.146v.005h.004l.218-.151l2.547-1.76l.529-1.343l1.08-2.475l.235-1.725l1.645.57L20 11.178zm-13.995-3.6l1.702-.488l-.925 1.297L5.08 6.65l.347-.609zm-.374.854l.991.182l-.697.973zm2.311 4.28l-1.604.555l-1.436-.68l.445-1.182l2.595-.418zm0-2.111L5.49 8.293l.831-1.155l1.044.253zm7.16.67l-.244.8H9.72l-.24-.8L12 6.165zM10.459 13L9.8 10.787h4.4L13.542 13zm3.009.253l-.818 2.12l-.645.525l-.648-.525l-.818-2.12zM7.622 8.778V7.36l2.365-1.596l1.826.214h.014l-.005.009L9.25 9.609zm1.32 6.764l-1.066-2.449l-.24-1.733l1.92-.493l.666 2.244l-.533 1.111l-.733 1.347l-.014-.031zm.134.342l.764-1.404l1.96 1.582l-.067.054l-2.32.63l-.333-.862zM12 18.578l-2.364-1.636l2.364-.64l2.369.645L12 18.582zm2.587-1.836l-2.32-.63l-.067-.054l1.96-1.587l.764 1.41zm1.542-3.653l-1.067 2.444l-.013.036l-.733-1.347l-.538-1.11l.666-2.25l1.925.49l-.236 1.732zm.253-4.316l-1.63.831l-2.57-3.622l-.004-.009h.009l1.83-.213l2.365 1.596zm2.276-.724l-.698-.978l.991-.178zM16.87 5.556l1.702.488l.351.605l-1.128.204zm-.235 1.835l1.049-.258l.83 1.16l-1.88.774zm1.608 4.342l-1.608-.555V9.453l2.6.418l.444 1.182z"/></g><defs><linearGradient id="SVGpsRgWdLY" x1="20" x2="4" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#ff825d"/><stop offset=".52" stop-color="#97a0d1"/><stop offset="1" stop-color="#fff"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCowBackground(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"><g clipPath="url(#SVGHcSWxdhd1)"><path fill="url(#SVGpsRgWdLY)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.422 9.644L16.88 9.24l1.942-.8l.436-1.72l-.511-.889l-2.498-.72l1.271 1.791l.009.014l-.991.24l-2.454-1.654l-2.08.245l-2.08-.245l-2.453 1.654l-.991-.24l.004-.014l1.276-1.79l-2.502.715l-.516.893l.436 1.72l1.942.8l-2.542.404L4 11.178l1.742.826l1.645-.569l.235 1.725l1.085 2.476l.524 1.342l2.547 1.76l.222.146v.005h.004l.218-.151l2.547-1.76l.529-1.343l1.08-2.475l.235-1.725l1.645.57L20 11.178zm-13.995-3.6l1.702-.488l-.925 1.297L5.08 6.65l.347-.609zm-.374.854l.991.182l-.697.973zm2.311 4.28l-1.604.555l-1.436-.68l.445-1.182l2.595-.418zm0-2.111L5.49 8.293l.831-1.155l1.044.253zm7.16.67l-.244.8H9.72l-.24-.8L12 6.165zM10.459 13L9.8 10.787h4.4L13.542 13zm3.009.253l-.818 2.12l-.645.525l-.648-.525l-.818-2.12zM7.622 8.778V7.36l2.365-1.596l1.826.214h.014l-.005.009L9.25 9.609zm1.32 6.764l-1.066-2.449l-.24-1.733l1.92-.493l.666 2.244l-.533 1.111l-.733 1.347l-.014-.031zm.134.342l.764-1.404l1.96 1.582l-.067.054l-2.32.63l-.333-.862zM12 18.578l-2.364-1.636l2.364-.64l2.369.645L12 18.582zm2.587-1.836l-2.32-.63l-.067-.054l1.96-1.587l.764 1.41zm1.542-3.653l-1.067 2.444l-.013.036l-.733-1.347l-.538-1.11l.666-2.25l1.925.49l-.236 1.732zm.253-4.316l-1.63.831l-2.57-3.622l-.004-.009h.009l1.83-.213l2.365 1.596zm2.276-.724l-.698-.978l.991-.178zM16.87 5.556l1.702.488l.351.605l-1.128.204zm-.235 1.835l1.049-.258l.83 1.16l-1.88.774zm1.608 4.342l-1.608-.555V9.453l2.6.418l.444 1.182z"/></g><defs><linearGradient id="SVGpsRgWdLY" x1="20" x2="4" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#ff825d"/><stop offset=".52" stopColor="#97a0d1"/><stop offset="1" stopColor="#fff"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="url(#SVGpsRgWdLY)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.422 9.644L16.88 9.24l1.942-.8l.436-1.72l-.511-.889l-2.498-.72l1.271 1.791l.009.014l-.991.24l-2.454-1.654l-2.08.245l-2.08-.245l-2.453 1.654l-.991-.24l.004-.014l1.276-1.79l-2.502.715l-.516.893l.436 1.72l1.942.8l-2.542.404L4 11.178l1.742.826l1.645-.569l.235 1.725l1.085 2.476l.524 1.342l2.547 1.76l.222.146v.005h.004l.218-.151l2.547-1.76l.529-1.343l1.08-2.475l.235-1.725l1.645.57L20 11.178zm-13.995-3.6l1.702-.488l-.925 1.297L5.08 6.65l.347-.609zm-.374.854l.991.182l-.697.973zm2.311 4.28l-1.604.555l-1.436-.68l.445-1.182l2.595-.418zm0-2.111L5.49 8.293l.831-1.155l1.044.253zm7.16.67l-.244.8H9.72l-.24-.8L12 6.165zM10.459 13L9.8 10.787h4.4L13.542 13zm3.009.253l-.818 2.12l-.645.525l-.648-.525l-.818-2.12zM7.622 8.778V7.36l2.365-1.596l1.826.214h.014l-.005.009L9.25 9.609zm1.32 6.764l-1.066-2.449l-.24-1.733l1.92-.493l.666 2.244l-.533 1.111l-.733 1.347l-.014-.031zm.134.342l.764-1.404l1.96 1.582l-.067.054l-2.32.63l-.333-.862zM12 18.578l-2.364-1.636l2.364-.64l2.369.645L12 18.582zm2.587-1.836l-2.32-.63l-.067-.054l1.96-1.587l.764 1.41zm1.542-3.653l-1.067 2.444l-.013.036l-.733-1.347l-.538-1.11l.666-2.25l1.925.49l-.236 1.732zm.253-4.316l-1.63.831l-2.57-3.622l-.004-.009h.009l1.83-.213l2.365 1.596zm2.276-.724l-.698-.978l.991-.178zM16.87 5.556l1.702.488l.351.605l-1.128.204zm-.235 1.835l1.049-.258l.83 1.16l-1.88.774zm1.608 4.342l-1.608-.555V9.453l2.6.418l.444 1.182z"/></g><defs><linearGradient id="SVGpsRgWdLY" x1="20" x2="4" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#ff825d"/><stop offset=".52" stop-color="#97a0d1"/><stop offset="1" stop-color="#fff"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-cow-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22url(%23SVGpsRgWdLY)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.422%209.644L16.88%209.24l1.942-.8l.436-1.72l-.511-.889l-2.498-.72l1.271%201.791l.009.014l-.991.24l-2.454-1.654l-2.08.245l-2.08-.245l-2.453%201.654l-.991-.24l.004-.014l1.276-1.79l-2.502.715l-.516.893l.436%201.72l1.942.8l-2.542.404L4%2011.178l1.742.826l1.645-.569l.235%201.725l1.085%202.476l.524%201.342l2.547%201.76l.222.146v.005h.004l.218-.151l2.547-1.76l.529-1.343l1.08-2.475l.235-1.725l1.645.57L20%2011.178zm-13.995-3.6l1.702-.488l-.925%201.297L5.08%206.65l.347-.609zm-.374.854l.991.182l-.697.973zm2.311%204.28l-1.604.555l-1.436-.68l.445-1.182l2.595-.418zm0-2.111L5.49%208.293l.831-1.155l1.044.253zm7.16.67l-.244.8H9.72l-.24-.8L12%206.165zM10.459%2013L9.8%2010.787h4.4L13.542%2013zm3.009.253l-.818%202.12l-.645.525l-.648-.525l-.818-2.12zM7.622%208.778V7.36l2.365-1.596l1.826.214h.014l-.005.009L9.25%209.609zm1.32%206.764l-1.066-2.449l-.24-1.733l1.92-.493l.666%202.244l-.533%201.111l-.733%201.347l-.014-.031zm.134.342l.764-1.404l1.96%201.582l-.067.054l-2.32.63l-.333-.862zM12%2018.578l-2.364-1.636l2.364-.64l2.369.645L12%2018.582zm2.587-1.836l-2.32-.63l-.067-.054l1.96-1.587l.764%201.41zm1.542-3.653l-1.067%202.444l-.013.036l-.733-1.347l-.538-1.11l.666-2.25l1.925.49l-.236%201.732zm.253-4.316l-1.63.831l-2.57-3.622l-.004-.009h.009l1.83-.213l2.365%201.596zm2.276-.724l-.698-.978l.991-.178zM16.87%205.556l1.702.488l.351.605l-1.128.204zm-.235%201.835l1.049-.258l.83%201.16l-1.88.774zm1.608%204.342l-1.608-.555V9.453l2.6.418l.444%201.182z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpsRgWdLY%22%20x1%3D%2220%22%20x2%3D%224%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff825d%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%2397a0d1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22url(%23SVGpsRgWdLY)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.422%209.644L16.88%209.24l1.942-.8l.436-1.72l-.511-.889l-2.498-.72l1.271%201.791l.009.014l-.991.24l-2.454-1.654l-2.08.245l-2.08-.245l-2.453%201.654l-.991-.24l.004-.014l1.276-1.79l-2.502.715l-.516.893l.436%201.72l1.942.8l-2.542.404L4%2011.178l1.742.826l1.645-.569l.235%201.725l1.085%202.476l.524%201.342l2.547%201.76l.222.146v.005h.004l.218-.151l2.547-1.76l.529-1.343l1.08-2.475l.235-1.725l1.645.57L20%2011.178zm-13.995-3.6l1.702-.488l-.925%201.297L5.08%206.65l.347-.609zm-.374.854l.991.182l-.697.973zm2.311%204.28l-1.604.555l-1.436-.68l.445-1.182l2.595-.418zm0-2.111L5.49%208.293l.831-1.155l1.044.253zm7.16.67l-.244.8H9.72l-.24-.8L12%206.165zM10.459%2013L9.8%2010.787h4.4L13.542%2013zm3.009.253l-.818%202.12l-.645.525l-.648-.525l-.818-2.12zM7.622%208.778V7.36l2.365-1.596l1.826.214h.014l-.005.009L9.25%209.609zm1.32%206.764l-1.066-2.449l-.24-1.733l1.92-.493l.666%202.244l-.533%201.111l-.733%201.347l-.014-.031zm.134.342l.764-1.404l1.96%201.582l-.067.054l-2.32.63l-.333-.862zM12%2018.578l-2.364-1.636l2.364-.64l2.369.645L12%2018.582zm2.587-1.836l-2.32-.63l-.067-.054l1.96-1.587l.764%201.41zm1.542-3.653l-1.067%202.444l-.013.036l-.733-1.347l-.538-1.11l.666-2.25l1.925.49l-.236%201.732zm.253-4.316l-1.63.831l-2.57-3.622l-.004-.009h.009l1.83-.213l2.365%201.596zm2.276-.724l-.698-.978l.991-.178zM16.87%205.556l1.702.488l.351.605l-1.128.204zm-.235%201.835l1.049-.258l.83%201.16l-1.88.774zm1.608%204.342l-1.608-.555V9.453l2.6.418l.444%201.182z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGpsRgWdLY%22%20x1%3D%2220%22%20x2%3D%224%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff825d%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%2397a0d1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/cow-background.svg?color=%231a73e8&size=48
