wally logo
wally from Catppuccin Icons by Catppuccin · Color · MIT Free for personal and commercial use.
- Name
- wally
- Set
- Catppuccin Icons
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Use the wally logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><g clip-path="url(#SVGbDH6ubpA)"><mask id="SVGTGyWzcdO" width="14" height="14" x="1" y="1" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="8" cy="8" r="7" fill="#3700ff"/></mask><g mask="url(#SVGTGyWzcdO)"><path stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M5 3c-.5.5-.5 1.5-1.5 2m2 5c-.167-.167-.5-.5-.5 0m0 0c-.5.5-1.5 0-1.5-1m0 0s.5-.2.5-1m-.5-3C2 7.5 4 7.205 4 8m6.295 0C9.5 10 7.5 10.5 5.5 10m6-.5c0 .4.333.833.5 1c.136.136.317.31.515.49C13.047 11.47 14.71 13 15 13m-9 3c-.5 0-.167-2.333 0-3c.333-.833.5-2.5-.5-3"/><mask id="SVGn718Id0i" width="12" height="8" x="4" y="9" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#df8e1d" d="M11.562 9.004A.5.5 0 0 1 12 9.5c0 .072.035.19.12.336c.08.139.178.255.233.31l.226.22q.127.12.271.252l.57.517c.233.209.497.442.753.66s.497.415.687.556a3 3 0 0 0 .24.16a.5.5 0 0 1 .058.964l-9 3A.5.5 0 0 1 6 16.5a.67.67 0 0 1-.581-.348a1.3 1.3 0 0 1-.148-.449a4.7 4.7 0 0 1-.02-.984c.043-.694.172-1.474.263-1.84l.022-.064c.141-.354.25-.904.215-1.405c-.032-.45-.169-.748-.38-.904l-.095-.059a.5.5 0 0 1 .182-.945l6-.5z"/></mask><g mask="url(#SVGn718Id0i)"><path stroke="#ee99a0" stroke-linecap="round" stroke-linejoin="round" d="M13 10c-1.5 4-5.5 4.5-8.5 2"/></g><path stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M9.5 2.5c-1.488 0-3.259-.741-4.5.5m7 1c-.167-.333-.6-1-1-1m0 0c-.5 0-1-.5-1.5-.5M12 4c.5.167 1.5.8 1.5 2m0 0c0 1.2-1 2.167-1.5 2.5m0 0c-.167.167-.5.6-.5 1m-2-7c.08.884 1 .5 1 4m0 0a7 7 0 0 0-.205 1.5m0 0c-.018.962.237 1.823 1.205 1.5"/></g><circle cx="8" cy="8" r="7.5" stroke="#ee99a0"/><path stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="M5.5 4v1m3-.5v1"/><path stroke="#ee99a0" stroke-linecap="round" stroke-linejoin="round" d="M4 7.5c-.5 0-1.388-.606-1-1A1.75 1.75 0 0 1 4.1 6c.8 0 1.333.333 1.5.5c-.75.662-1.073.922-1.6 1"/></g><defs><clipPath id="SVGbDH6ubpA"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function CatppuccinWally(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><g clipPath="url(#SVGbDH6ubpA)"><mask id="SVGTGyWzcdO" width="14" height="14" x="1" y="1" maskUnits="userSpaceOnUse" style="maskType:alpha"><circle cx="8" cy="8" r="7" fill="#3700ff"/></mask><g mask="url(#SVGTGyWzcdO)"><path stroke="#eed49f" strokeLinecap="round" strokeLinejoin="round" d="M5 3c-.5.5-.5 1.5-1.5 2m2 5c-.167-.167-.5-.5-.5 0m0 0c-.5.5-1.5 0-1.5-1m0 0s.5-.2.5-1m-.5-3C2 7.5 4 7.205 4 8m6.295 0C9.5 10 7.5 10.5 5.5 10m6-.5c0 .4.333.833.5 1c.136.136.317.31.515.49C13.047 11.47 14.71 13 15 13m-9 3c-.5 0-.167-2.333 0-3c.333-.833.5-2.5-.5-3"/><mask id="SVGn718Id0i" width="12" height="8" x="4" y="9" maskUnits="userSpaceOnUse" style="maskType:alpha"><path fill="#df8e1d" d="M11.562 9.004A.5.5 0 0 1 12 9.5c0 .072.035.19.12.336c.08.139.178.255.233.31l.226.22q.127.12.271.252l.57.517c.233.209.497.442.753.66s.497.415.687.556a3 3 0 0 0 .24.16a.5.5 0 0 1 .058.964l-9 3A.5.5 0 0 1 6 16.5a.67.67 0 0 1-.581-.348a1.3 1.3 0 0 1-.148-.449a4.7 4.7 0 0 1-.02-.984c.043-.694.172-1.474.263-1.84l.022-.064c.141-.354.25-.904.215-1.405c-.032-.45-.169-.748-.38-.904l-.095-.059a.5.5 0 0 1 .182-.945l6-.5z"/></mask><g mask="url(#SVGn718Id0i)"><path stroke="#ee99a0" strokeLinecap="round" strokeLinejoin="round" d="M13 10c-1.5 4-5.5 4.5-8.5 2"/></g><path stroke="#eed49f" strokeLinecap="round" strokeLinejoin="round" d="M9.5 2.5c-1.488 0-3.259-.741-4.5.5m7 1c-.167-.333-.6-1-1-1m0 0c-.5 0-1-.5-1.5-.5M12 4c.5.167 1.5.8 1.5 2m0 0c0 1.2-1 2.167-1.5 2.5m0 0c-.167.167-.5.6-.5 1m-2-7c.08.884 1 .5 1 4m0 0a7 7 0 0 0-.205 1.5m0 0c-.018.962.237 1.823 1.205 1.5"/></g><circle cx="8" cy="8" r="7.5" stroke="#ee99a0"/><path stroke="#cad3f5" strokeLinecap="round" strokeLinejoin="round" d="M5.5 4v1m3-.5v1"/><path stroke="#ee99a0" strokeLinecap="round" strokeLinejoin="round" d="M4 7.5c-.5 0-1.388-.606-1-1A1.75 1.75 0 0 1 4.1 6c.8 0 1.333.333 1.5.5c-.75.662-1.073.922-1.6 1"/></g><defs><clipPath id="SVGbDH6ubpA"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><g clip-path="url(#SVGbDH6ubpA)"><mask id="SVGTGyWzcdO" width="14" height="14" x="1" y="1" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="8" cy="8" r="7" fill="#3700ff"/></mask><g mask="url(#SVGTGyWzcdO)"><path stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M5 3c-.5.5-.5 1.5-1.5 2m2 5c-.167-.167-.5-.5-.5 0m0 0c-.5.5-1.5 0-1.5-1m0 0s.5-.2.5-1m-.5-3C2 7.5 4 7.205 4 8m6.295 0C9.5 10 7.5 10.5 5.5 10m6-.5c0 .4.333.833.5 1c.136.136.317.31.515.49C13.047 11.47 14.71 13 15 13m-9 3c-.5 0-.167-2.333 0-3c.333-.833.5-2.5-.5-3"/><mask id="SVGn718Id0i" width="12" height="8" x="4" y="9" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#df8e1d" d="M11.562 9.004A.5.5 0 0 1 12 9.5c0 .072.035.19.12.336c.08.139.178.255.233.31l.226.22q.127.12.271.252l.57.517c.233.209.497.442.753.66s.497.415.687.556a3 3 0 0 0 .24.16a.5.5 0 0 1 .058.964l-9 3A.5.5 0 0 1 6 16.5a.67.67 0 0 1-.581-.348a1.3 1.3 0 0 1-.148-.449a4.7 4.7 0 0 1-.02-.984c.043-.694.172-1.474.263-1.84l.022-.064c.141-.354.25-.904.215-1.405c-.032-.45-.169-.748-.38-.904l-.095-.059a.5.5 0 0 1 .182-.945l6-.5z"/></mask><g mask="url(#SVGn718Id0i)"><path stroke="#ee99a0" stroke-linecap="round" stroke-linejoin="round" d="M13 10c-1.5 4-5.5 4.5-8.5 2"/></g><path stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M9.5 2.5c-1.488 0-3.259-.741-4.5.5m7 1c-.167-.333-.6-1-1-1m0 0c-.5 0-1-.5-1.5-.5M12 4c.5.167 1.5.8 1.5 2m0 0c0 1.2-1 2.167-1.5 2.5m0 0c-.167.167-.5.6-.5 1m-2-7c.08.884 1 .5 1 4m0 0a7 7 0 0 0-.205 1.5m0 0c-.018.962.237 1.823 1.205 1.5"/></g><circle cx="8" cy="8" r="7.5" stroke="#ee99a0"/><path stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="M5.5 4v1m3-.5v1"/><path stroke="#ee99a0" stroke-linecap="round" stroke-linejoin="round" d="M4 7.5c-.5 0-1.388-.606-1-1A1.75 1.75 0 0 1 4.1 6c.8 0 1.333.333 1.5.5c-.75.662-1.073.922-1.6 1"/></g><defs><clipPath id="SVGbDH6ubpA"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-wally {
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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGbDH6ubpA)%22%3E%3Cmask%20id%3D%22SVGTGyWzcdO%22%20width%3D%2214%22%20height%3D%2214%22%20x%3D%221%22%20y%3D%221%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%233700ff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGTGyWzcdO)%22%3E%3Cpath%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%203c-.5.5-.5%201.5-1.5%202m2%205c-.167-.167-.5-.5-.5%200m0%200c-.5.5-1.5%200-1.5-1m0%200s.5-.2.5-1m-.5-3C2%207.5%204%207.205%204%208m6.295%200C9.5%2010%207.5%2010.5%205.5%2010m6-.5c0%20.4.333.833.5%201c.136.136.317.31.515.49C13.047%2011.47%2014.71%2013%2015%2013m-9%203c-.5%200-.167-2.333%200-3c.333-.833.5-2.5-.5-3%22%2F%3E%3Cmask%20id%3D%22SVGn718Id0i%22%20width%3D%2212%22%20height%3D%228%22%20x%3D%224%22%20y%3D%229%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23df8e1d%22%20d%3D%22M11.562%209.004A.5.5%200%200%201%2012%209.5c0%20.072.035.19.12.336c.08.139.178.255.233.31l.226.22q.127.12.271.252l.57.517c.233.209.497.442.753.66s.497.415.687.556a3%203%200%200%200%20.24.16a.5.5%200%200%201%20.058.964l-9%203A.5.5%200%200%201%206%2016.5a.67.67%200%200%201-.581-.348a1.3%201.3%200%200%201-.148-.449a4.7%204.7%200%200%201-.02-.984c.043-.694.172-1.474.263-1.84l.022-.064c.141-.354.25-.904.215-1.405c-.032-.45-.169-.748-.38-.904l-.095-.059a.5.5%200%200%201%20.182-.945l6-.5z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGn718Id0i)%22%3E%3Cpath%20stroke%3D%22%23ee99a0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13%2010c-1.5%204-5.5%204.5-8.5%202%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.5%202.5c-1.488%200-3.259-.741-4.5.5m7%201c-.167-.333-.6-1-1-1m0%200c-.5%200-1-.5-1.5-.5M12%204c.5.167%201.5.8%201.5%202m0%200c0%201.2-1%202.167-1.5%202.5m0%200c-.167.167-.5.6-.5%201m-2-7c.08.884%201%20.5%201%204m0%200a7%207%200%200%200-.205%201.5m0%200c-.018.962.237%201.823%201.205%201.5%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%20stroke%3D%22%23ee99a0%22%2F%3E%3Cpath%20stroke%3D%22%23cad3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.5%204v1m3-.5v1%22%2F%3E%3Cpath%20stroke%3D%22%23ee99a0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4%207.5c-.5%200-1.388-.606-1-1A1.75%201.75%200%200%201%204.1%206c.8%200%201.333.333%201.5.5c-.75.662-1.073.922-1.6%201%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGbDH6ubpA%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGbDH6ubpA)%22%3E%3Cmask%20id%3D%22SVGTGyWzcdO%22%20width%3D%2214%22%20height%3D%2214%22%20x%3D%221%22%20y%3D%221%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227%22%20fill%3D%22%233700ff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGTGyWzcdO)%22%3E%3Cpath%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%203c-.5.5-.5%201.5-1.5%202m2%205c-.167-.167-.5-.5-.5%200m0%200c-.5.5-1.5%200-1.5-1m0%200s.5-.2.5-1m-.5-3C2%207.5%204%207.205%204%208m6.295%200C9.5%2010%207.5%2010.5%205.5%2010m6-.5c0%20.4.333.833.5%201c.136.136.317.31.515.49C13.047%2011.47%2014.71%2013%2015%2013m-9%203c-.5%200-.167-2.333%200-3c.333-.833.5-2.5-.5-3%22%2F%3E%3Cmask%20id%3D%22SVGn718Id0i%22%20width%3D%2212%22%20height%3D%228%22%20x%3D%224%22%20y%3D%229%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%23df8e1d%22%20d%3D%22M11.562%209.004A.5.5%200%200%201%2012%209.5c0%20.072.035.19.12.336c.08.139.178.255.233.31l.226.22q.127.12.271.252l.57.517c.233.209.497.442.753.66s.497.415.687.556a3%203%200%200%200%20.24.16a.5.5%200%200%201%20.058.964l-9%203A.5.5%200%200%201%206%2016.5a.67.67%200%200%201-.581-.348a1.3%201.3%200%200%201-.148-.449a4.7%204.7%200%200%201-.02-.984c.043-.694.172-1.474.263-1.84l.022-.064c.141-.354.25-.904.215-1.405c-.032-.45-.169-.748-.38-.904l-.095-.059a.5.5%200%200%201%20.182-.945l6-.5z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGn718Id0i)%22%3E%3Cpath%20stroke%3D%22%23ee99a0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13%2010c-1.5%204-5.5%204.5-8.5%202%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.5%202.5c-1.488%200-3.259-.741-4.5.5m7%201c-.167-.333-.6-1-1-1m0%200c-.5%200-1-.5-1.5-.5M12%204c.5.167%201.5.8%201.5%202m0%200c0%201.2-1%202.167-1.5%202.5m0%200c-.167.167-.5.6-.5%201m-2-7c.08.884%201%20.5%201%204m0%200a7%207%200%200%200-.205%201.5m0%200c-.018.962.237%201.823%201.205%201.5%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%227.5%22%20stroke%3D%22%23ee99a0%22%2F%3E%3Cpath%20stroke%3D%22%23cad3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.5%204v1m3-.5v1%22%2F%3E%3Cpath%20stroke%3D%22%23ee99a0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4%207.5c-.5%200-1.388-.606-1-1A1.75%201.75%200%200%201%204.1%206c.8%200%201.333.333%201.5.5c-.75.662-1.073.922-1.6%201%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGbDH6ubpA%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%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/catppuccin/wally.svg?color=%231a73e8&size=48
