sauce logo

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

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

1 other variant in Web3 Icons Branded

Use the sauce logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#6bff53" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVG1DUySdsN)" d="M9.088 8.029c.423-.636 2.118-.97 2.912-1.06a5.2 5.2 0 0 1 2.911 1.06c.44-.265 1.112-.848 1.324-1.06c.265-.264 0-.264.265-.529c.264-.264.794.265.529.53c-.212.211-.355.354-.53.264c-.264.265-.793.953-.793 1.589c0 .635 1.058 1.588 1.058 2.117v2.118c.09 0 .265.106.265.53c0 .529-2.118 5.823-5.03 5.823c-2.911 0-5.029-5.559-5.029-5.824c0-.211.175-.439.265-.53V10.94c0-1.058 1.059-2.382 1.059-2.647c0-.212-.704-.794-1.059-1.059c-.175 0-.53-.053-.53-.264c0-.265.265-.53.53-.53c.212 0 .265.355.265.53z"/><path fill="#6bff53" d="M7.765 10.941C7.976 8.611 10.327 7.5 12 7.5s3.97 1.588 4.235 3.441c.037.265 0 .37 0 .53h-.53c-.09.264-.21.847 0 1.058c.266.265.53.53.53 1.06c0 .529-2.382 5.293-4.235 5.293s-4.235-4.764-4.235-5.294s.264-.794.53-1.059c.21-.211.09-.794 0-1.058h-.53z"/><path fill="#2c9b61" d="M9.903 12.122a3.6 3.6 0 0 0-1.058.01l-.043-.264a3.8 3.8 0 0 1 1.138-.006c.424.064.869.228 1.112.593l-.222.149c-.18-.27-.53-.419-.927-.477zm4.326.047a3.6 3.6 0 0 1 1.059.006l.042-.26a3.8 3.8 0 0 0-1.138-.005c-.424.063-.869.228-1.112.593l.222.148c.18-.27.53-.418.927-.476z"/><path fill="#239454" d="M13.06 16.764c0-.265.301-1.175 1.058-.794c.53.264 0 1.059-1.059.794m-2.118 0c0-.265-.302-1.175-1.059-.794c-.53.264 0 1.059 1.059.794"/><path fill="#000" d="M12.265 15.97h-.53v.53h.53z"/><path fill="#003d09" d="M12.9 17.368c-.477.715-1.498.614-1.81-.016l.232-.116c.217.428.99.54 1.36-.016l.223.148z"/><path fill="#000" d="M12.53 14.647v1.059h.793c1.06 0 2.383-1.324 2.383-2.118c0-.635-.704-.794-1.06-.794c-1.058 0-2.117 1.059-2.117 1.853"/><path fill="#fff" d="M13.324 13.853c0 .211.174.44.264.529c1.06 0 1.853-1.323 1.06-1.323c-.795 0-1.324.529-1.324.794m1.588.794h-.794v.264h.794z"/><path fill="#000" d="M11.47 14.647v1.059h-.793c-1.059 0-2.383-1.324-2.383-2.118c0-.635.705-.794 1.06-.794c1.058 0 2.117 1.059 2.117 1.853"/><path fill="#fff" d="M10.677 13.853c0 .211-.175.44-.265.529c-1.06 0-1.853-1.323-1.06-1.323c.795 0 1.325.529 1.325.794m-1.589.794h.794v.264h-.794z"/><defs><linearGradient id="SVG1DUySdsN" x1="12.002" x2="12.002" y1="2.996" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#30a45b"/><stop offset="1" stop-color="#1f201f"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedSauce(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="#6bff53" fillRule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><path fill="url(#SVG1DUySdsN)" d="M9.088 8.029c.423-.636 2.118-.97 2.912-1.06a5.2 5.2 0 0 1 2.911 1.06c.44-.265 1.112-.848 1.324-1.06c.265-.264 0-.264.265-.529c.264-.264.794.265.529.53c-.212.211-.355.354-.53.264c-.264.265-.793.953-.793 1.589c0 .635 1.058 1.588 1.058 2.117v2.118c.09 0 .265.106.265.53c0 .529-2.118 5.823-5.03 5.823c-2.911 0-5.029-5.559-5.029-5.824c0-.211.175-.439.265-.53V10.94c0-1.058 1.059-2.382 1.059-2.647c0-.212-.704-.794-1.059-1.059c-.175 0-.53-.053-.53-.264c0-.265.265-.53.53-.53c.212 0 .265.355.265.53z"/><path fill="#6bff53" d="M7.765 10.941C7.976 8.611 10.327 7.5 12 7.5s3.97 1.588 4.235 3.441c.037.265 0 .37 0 .53h-.53c-.09.264-.21.847 0 1.058c.266.265.53.53.53 1.06c0 .529-2.382 5.293-4.235 5.293s-4.235-4.764-4.235-5.294s.264-.794.53-1.059c.21-.211.09-.794 0-1.058h-.53z"/><path fill="#2c9b61" d="M9.903 12.122a3.6 3.6 0 0 0-1.058.01l-.043-.264a3.8 3.8 0 0 1 1.138-.006c.424.064.869.228 1.112.593l-.222.149c-.18-.27-.53-.419-.927-.477zm4.326.047a3.6 3.6 0 0 1 1.059.006l.042-.26a3.8 3.8 0 0 0-1.138-.005c-.424.063-.869.228-1.112.593l.222.148c.18-.27.53-.418.927-.476z"/><path fill="#239454" d="M13.06 16.764c0-.265.301-1.175 1.058-.794c.53.264 0 1.059-1.059.794m-2.118 0c0-.265-.302-1.175-1.059-.794c-.53.264 0 1.059 1.059.794"/><path fill="#000" d="M12.265 15.97h-.53v.53h.53z"/><path fill="#003d09" d="M12.9 17.368c-.477.715-1.498.614-1.81-.016l.232-.116c.217.428.99.54 1.36-.016l.223.148z"/><path fill="#000" d="M12.53 14.647v1.059h.793c1.06 0 2.383-1.324 2.383-2.118c0-.635-.704-.794-1.06-.794c-1.058 0-2.117 1.059-2.117 1.853"/><path fill="#fff" d="M13.324 13.853c0 .211.174.44.264.529c1.06 0 1.853-1.323 1.06-1.323c-.795 0-1.324.529-1.324.794m1.588.794h-.794v.264h.794z"/><path fill="#000" d="M11.47 14.647v1.059h-.793c-1.059 0-2.383-1.324-2.383-2.118c0-.635.705-.794 1.06-.794c1.058 0 2.117 1.059 2.117 1.853"/><path fill="#fff" d="M10.677 13.853c0 .211-.175.44-.265.529c-1.06 0-1.853-1.323-1.06-1.323c.795 0 1.325.529 1.325.794m-1.589.794h.794v.264h-.794z"/><defs><linearGradient id="SVG1DUySdsN" x1="12.002" x2="12.002" y1="2.996" y2="20.999" gradientUnits="userSpaceOnUse"><stop stopColor="#30a45b"/><stop offset="1" stopColor="#1f201f"/></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="#6bff53" fill-rule="evenodd" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVG1DUySdsN)" d="M9.088 8.029c.423-.636 2.118-.97 2.912-1.06a5.2 5.2 0 0 1 2.911 1.06c.44-.265 1.112-.848 1.324-1.06c.265-.264 0-.264.265-.529c.264-.264.794.265.529.53c-.212.211-.355.354-.53.264c-.264.265-.793.953-.793 1.589c0 .635 1.058 1.588 1.058 2.117v2.118c.09 0 .265.106.265.53c0 .529-2.118 5.823-5.03 5.823c-2.911 0-5.029-5.559-5.029-5.824c0-.211.175-.439.265-.53V10.94c0-1.058 1.059-2.382 1.059-2.647c0-.212-.704-.794-1.059-1.059c-.175 0-.53-.053-.53-.264c0-.265.265-.53.53-.53c.212 0 .265.355.265.53z"/><path fill="#6bff53" d="M7.765 10.941C7.976 8.611 10.327 7.5 12 7.5s3.97 1.588 4.235 3.441c.037.265 0 .37 0 .53h-.53c-.09.264-.21.847 0 1.058c.266.265.53.53.53 1.06c0 .529-2.382 5.293-4.235 5.293s-4.235-4.764-4.235-5.294s.264-.794.53-1.059c.21-.211.09-.794 0-1.058h-.53z"/><path fill="#2c9b61" d="M9.903 12.122a3.6 3.6 0 0 0-1.058.01l-.043-.264a3.8 3.8 0 0 1 1.138-.006c.424.064.869.228 1.112.593l-.222.149c-.18-.27-.53-.419-.927-.477zm4.326.047a3.6 3.6 0 0 1 1.059.006l.042-.26a3.8 3.8 0 0 0-1.138-.005c-.424.063-.869.228-1.112.593l.222.148c.18-.27.53-.418.927-.476z"/><path fill="#239454" d="M13.06 16.764c0-.265.301-1.175 1.058-.794c.53.264 0 1.059-1.059.794m-2.118 0c0-.265-.302-1.175-1.059-.794c-.53.264 0 1.059 1.059.794"/><path fill="#000" d="M12.265 15.97h-.53v.53h.53z"/><path fill="#003d09" d="M12.9 17.368c-.477.715-1.498.614-1.81-.016l.232-.116c.217.428.99.54 1.36-.016l.223.148z"/><path fill="#000" d="M12.53 14.647v1.059h.793c1.06 0 2.383-1.324 2.383-2.118c0-.635-.704-.794-1.06-.794c-1.058 0-2.117 1.059-2.117 1.853"/><path fill="#fff" d="M13.324 13.853c0 .211.174.44.264.529c1.06 0 1.853-1.323 1.06-1.323c-.795 0-1.324.529-1.324.794m1.588.794h-.794v.264h.794z"/><path fill="#000" d="M11.47 14.647v1.059h-.793c-1.059 0-2.383-1.324-2.383-2.118c0-.635.705-.794 1.06-.794c1.058 0 2.117 1.059 2.117 1.853"/><path fill="#fff" d="M10.677 13.853c0 .211-.175.44-.265.529c-1.06 0-1.853-1.323-1.06-1.323c.795 0 1.325.529 1.325.794m-1.589.794h.794v.264h-.794z"/><defs><linearGradient id="SVG1DUySdsN" x1="12.002" x2="12.002" y1="2.996" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#30a45b"/><stop offset="1" stop-color="#1f201f"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-sauce {
  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%22%236bff53%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1DUySdsN)%22%20d%3D%22M9.088%208.029c.423-.636%202.118-.97%202.912-1.06a5.2%205.2%200%200%201%202.911%201.06c.44-.265%201.112-.848%201.324-1.06c.265-.264%200-.264.265-.529c.264-.264.794.265.529.53c-.212.211-.355.354-.53.264c-.264.265-.793.953-.793%201.589c0%20.635%201.058%201.588%201.058%202.117v2.118c.09%200%20.265.106.265.53c0%20.529-2.118%205.823-5.03%205.823c-2.911%200-5.029-5.559-5.029-5.824c0-.211.175-.439.265-.53V10.94c0-1.058%201.059-2.382%201.059-2.647c0-.212-.704-.794-1.059-1.059c-.175%200-.53-.053-.53-.264c0-.265.265-.53.53-.53c.212%200%20.265.355.265.53z%22%2F%3E%3Cpath%20fill%3D%22%236bff53%22%20d%3D%22M7.765%2010.941C7.976%208.611%2010.327%207.5%2012%207.5s3.97%201.588%204.235%203.441c.037.265%200%20.37%200%20.53h-.53c-.09.264-.21.847%200%201.058c.266.265.53.53.53%201.06c0%20.529-2.382%205.293-4.235%205.293s-4.235-4.764-4.235-5.294s.264-.794.53-1.059c.21-.211.09-.794%200-1.058h-.53z%22%2F%3E%3Cpath%20fill%3D%22%232c9b61%22%20d%3D%22M9.903%2012.122a3.6%203.6%200%200%200-1.058.01l-.043-.264a3.8%203.8%200%200%201%201.138-.006c.424.064.869.228%201.112.593l-.222.149c-.18-.27-.53-.419-.927-.477zm4.326.047a3.6%203.6%200%200%201%201.059.006l.042-.26a3.8%203.8%200%200%200-1.138-.005c-.424.063-.869.228-1.112.593l.222.148c.18-.27.53-.418.927-.476z%22%2F%3E%3Cpath%20fill%3D%22%23239454%22%20d%3D%22M13.06%2016.764c0-.265.301-1.175%201.058-.794c.53.264%200%201.059-1.059.794m-2.118%200c0-.265-.302-1.175-1.059-.794c-.53.264%200%201.059%201.059.794%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.265%2015.97h-.53v.53h.53z%22%2F%3E%3Cpath%20fill%3D%22%23003d09%22%20d%3D%22M12.9%2017.368c-.477.715-1.498.614-1.81-.016l.232-.116c.217.428.99.54%201.36-.016l.223.148z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.53%2014.647v1.059h.793c1.06%200%202.383-1.324%202.383-2.118c0-.635-.704-.794-1.06-.794c-1.058%200-2.117%201.059-2.117%201.853%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.324%2013.853c0%20.211.174.44.264.529c1.06%200%201.853-1.323%201.06-1.323c-.795%200-1.324.529-1.324.794m1.588.794h-.794v.264h.794z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.47%2014.647v1.059h-.793c-1.059%200-2.383-1.324-2.383-2.118c0-.635.705-.794%201.06-.794c1.058%200%202.117%201.059%202.117%201.853%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.677%2013.853c0%20.211-.175.44-.265.529c-1.06%200-1.853-1.323-1.06-1.323c.795%200%201.325.529%201.325.794m-1.589.794h.794v.264h-.794z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1DUySdsN%22%20x1%3D%2212.002%22%20x2%3D%2212.002%22%20y1%3D%222.996%22%20y2%3D%2220.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330a45b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f201f%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%22%236bff53%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG1DUySdsN)%22%20d%3D%22M9.088%208.029c.423-.636%202.118-.97%202.912-1.06a5.2%205.2%200%200%201%202.911%201.06c.44-.265%201.112-.848%201.324-1.06c.265-.264%200-.264.265-.529c.264-.264.794.265.529.53c-.212.211-.355.354-.53.264c-.264.265-.793.953-.793%201.589c0%20.635%201.058%201.588%201.058%202.117v2.118c.09%200%20.265.106.265.53c0%20.529-2.118%205.823-5.03%205.823c-2.911%200-5.029-5.559-5.029-5.824c0-.211.175-.439.265-.53V10.94c0-1.058%201.059-2.382%201.059-2.647c0-.212-.704-.794-1.059-1.059c-.175%200-.53-.053-.53-.264c0-.265.265-.53.53-.53c.212%200%20.265.355.265.53z%22%2F%3E%3Cpath%20fill%3D%22%236bff53%22%20d%3D%22M7.765%2010.941C7.976%208.611%2010.327%207.5%2012%207.5s3.97%201.588%204.235%203.441c.037.265%200%20.37%200%20.53h-.53c-.09.264-.21.847%200%201.058c.266.265.53.53.53%201.06c0%20.529-2.382%205.293-4.235%205.293s-4.235-4.764-4.235-5.294s.264-.794.53-1.059c.21-.211.09-.794%200-1.058h-.53z%22%2F%3E%3Cpath%20fill%3D%22%232c9b61%22%20d%3D%22M9.903%2012.122a3.6%203.6%200%200%200-1.058.01l-.043-.264a3.8%203.8%200%200%201%201.138-.006c.424.064.869.228%201.112.593l-.222.149c-.18-.27-.53-.419-.927-.477zm4.326.047a3.6%203.6%200%200%201%201.059.006l.042-.26a3.8%203.8%200%200%200-1.138-.005c-.424.063-.869.228-1.112.593l.222.148c.18-.27.53-.418.927-.476z%22%2F%3E%3Cpath%20fill%3D%22%23239454%22%20d%3D%22M13.06%2016.764c0-.265.301-1.175%201.058-.794c.53.264%200%201.059-1.059.794m-2.118%200c0-.265-.302-1.175-1.059-.794c-.53.264%200%201.059%201.059.794%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.265%2015.97h-.53v.53h.53z%22%2F%3E%3Cpath%20fill%3D%22%23003d09%22%20d%3D%22M12.9%2017.368c-.477.715-1.498.614-1.81-.016l.232-.116c.217.428.99.54%201.36-.016l.223.148z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.53%2014.647v1.059h.793c1.06%200%202.383-1.324%202.383-2.118c0-.635-.704-.794-1.06-.794c-1.058%200-2.117%201.059-2.117%201.853%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.324%2013.853c0%20.211.174.44.264.529c1.06%200%201.853-1.323%201.06-1.323c-.795%200-1.324.529-1.324.794m1.588.794h-.794v.264h.794z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.47%2014.647v1.059h-.793c-1.059%200-2.383-1.324-2.383-2.118c0-.635.705-.794%201.06-.794c1.058%200%202.117%201.059%202.117%201.853%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.677%2013.853c0%20.211-.175.44-.265.529c-1.06%200-1.853-1.323-1.06-1.323c.795%200%201.325.529%201.325.794m-1.589.794h.794v.264h-.794z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1DUySdsN%22%20x1%3D%2212.002%22%20x2%3D%2212.002%22%20y1%3D%222.996%22%20y2%3D%2220.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2330a45b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f201f%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/sauce.svg?color=%231a73e8&size=48