yoshi logo

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

Name: yoshi
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 yoshi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#47dba7" d="M16.379 5.75a38.8 38.8 0 0 1-4.447 6.51c-1.524-1.482-3.155-3.562-4.939-6.304c1.27-1.742 2.912-2.89 4.627-2.954c1.493-.053 3.282 1.032 4.759 2.747m-5.527 8.707L11.09 21c-4.298-.381-7.093-3.785-6.394-9.153c.164-1.26.513-2.488 1-3.6c0 0 2.552 3.929 5.156 6.21m2.356-.106l.233 6.564c4.261-.688 6.802-4.277 5.722-9.581a12.2 12.2 0 0 0-1.297-3.457a38 38 0 0 1-4.658 6.474"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedYoshi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#47dba7" d="M16.379 5.75a38.8 38.8 0 0 1-4.447 6.51c-1.524-1.482-3.155-3.562-4.939-6.304c1.27-1.742 2.912-2.89 4.627-2.954c1.493-.053 3.282 1.032 4.759 2.747m-5.527 8.707L11.09 21c-4.298-.381-7.093-3.785-6.394-9.153c.164-1.26.513-2.488 1-3.6c0 0 2.552 3.929 5.156 6.21m2.356-.106l.233 6.564c4.261-.688 6.802-4.277 5.722-9.581a12.2 12.2 0 0 0-1.297-3.457a38 38 0 0 1-4.658 6.474"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#47dba7" d="M16.379 5.75a38.8 38.8 0 0 1-4.447 6.51c-1.524-1.482-3.155-3.562-4.939-6.304c1.27-1.742 2.912-2.89 4.627-2.954c1.493-.053 3.282 1.032 4.759 2.747m-5.527 8.707L11.09 21c-4.298-.381-7.093-3.785-6.394-9.153c.164-1.26.513-2.488 1-3.6c0 0 2.552 3.929 5.156 6.21m2.356-.106l.233 6.564c4.261-.688 6.802-4.277 5.722-9.581a12.2 12.2 0 0 0-1.297-3.457a38 38 0 0 1-4.658 6.474"/></svg>
</template>

CSS

.icon-yoshi {
  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%3Cpath%20fill%3D%22%2347dba7%22%20d%3D%22M16.379%205.75a38.8%2038.8%200%200%201-4.447%206.51c-1.524-1.482-3.155-3.562-4.939-6.304c1.27-1.742%202.912-2.89%204.627-2.954c1.493-.053%203.282%201.032%204.759%202.747m-5.527%208.707L11.09%2021c-4.298-.381-7.093-3.785-6.394-9.153c.164-1.26.513-2.488%201-3.6c0%200%202.552%203.929%205.156%206.21m2.356-.106l.233%206.564c4.261-.688%206.802-4.277%205.722-9.581a12.2%2012.2%200%200%200-1.297-3.457a38%2038%200%200%201-4.658%206.474%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%2024%2024%22%3E%3Cpath%20fill%3D%22%2347dba7%22%20d%3D%22M16.379%205.75a38.8%2038.8%200%200%201-4.447%206.51c-1.524-1.482-3.155-3.562-4.939-6.304c1.27-1.742%202.912-2.89%204.627-2.954c1.493-.053%203.282%201.032%204.759%202.747m-5.527%208.707L11.09%2021c-4.298-.381-7.093-3.785-6.394-9.153c.164-1.26.513-2.488%201-3.6c0%200%202.552%203.929%205.156%206.21m2.356-.106l.233%206.564c4.261-.688%206.802-4.277%205.722-9.581a12.2%2012.2%200%200%200-1.297-3.457a38%2038%200%200%201-4.658%206.474%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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