pandacss icon logo

pandacss-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
pandacss-icon
Set
SVG Logos
Style
Color
Viewbox
256×259
License
CC0

Use the pandacss icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#f6e458" d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052z"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452c-.21 13.32 1.459 26.455 4.11 39.478c2.405 11.804 5.607 23.377 10.179 34.55c.434 1.06.975 1.418 2.135 1.416c14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04l.622-.031l-.238-.575a20 20 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329 1.43-21.33c2.278-8.003 7.168-13.652 15.274-16.014c7.445-2.168 14.993-2.154 22.396.24c6.608 2.137 10.916 6.65 12.748 13.408c1.408 5.19 1.407 10.436.343 15.669c-.82 4.028-2.47 7.705-5.441 10.645c-5.33 5.275-11.985 6.489-19.126 6.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305 1.223.595 2.451.885 3.679c.699 2.958 1.397 5.915 2.295 8.81a170 170 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333 12.593-9.954 16.478-17.213c6.291-11.754 7.518-24.324 5.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706"/></svg>

React

import type { SVGProps } from "react";

export function LogosPandacssIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#f6e458" d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052z"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452c-.21 13.32 1.459 26.455 4.11 39.478c2.405 11.804 5.607 23.377 10.179 34.55c.434 1.06.975 1.418 2.135 1.416c14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04l.622-.031l-.238-.575a20 20 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329 1.43-21.33c2.278-8.003 7.168-13.652 15.274-16.014c7.445-2.168 14.993-2.154 22.396.24c6.608 2.137 10.916 6.65 12.748 13.408c1.408 5.19 1.407 10.436.343 15.669c-.82 4.028-2.47 7.705-5.441 10.645c-5.33 5.275-11.985 6.489-19.126 6.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305 1.223.595 2.451.885 3.679c.699 2.958 1.397 5.915 2.295 8.81a170 170 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333 12.593-9.954 16.478-17.213c6.291-11.754 7.518-24.324 5.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 259"><path fill="#f6e458" d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052z"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452c-.21 13.32 1.459 26.455 4.11 39.478c2.405 11.804 5.607 23.377 10.179 34.55c.434 1.06.975 1.418 2.135 1.416c14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04l.622-.031l-.238-.575a20 20 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329 1.43-21.33c2.278-8.003 7.168-13.652 15.274-16.014c7.445-2.168 14.993-2.154 22.396.24c6.608 2.137 10.916 6.65 12.748 13.408c1.408 5.19 1.407 10.436.343 15.669c-.82 4.028-2.47 7.705-5.441 10.645c-5.33 5.275-11.985 6.489-19.126 6.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305 1.223.595 2.451.885 3.679c.699 2.958 1.397 5.915 2.295 8.81a170 170 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333 12.593-9.954 16.478-17.213c6.291-11.754 7.518-24.324 5.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706"/></svg>
</template>

CSS

.icon-pandacss-icon {
  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%20256%20259%22%3E%3Cpath%20fill%3D%22%23f6e458%22%20d%3D%22M0%2029.642C0%2013.272%2013.271%200%2029.642%200h196.716C242.728%200%20256%2013.271%20256%2029.642v199.41c0%2016.372-13.271%2029.643-29.642%2029.643H29.642C13.272%20258.695%200%20245.424%200%20229.052z%22%2F%3E%3Cpath%20d%3D%22M164.056%2057.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114%202.485-23.732%205.347C80.644%2066.06%2068.28%2076.774%2060.908%2092.904c-5.286%2011.564-7.196%2023.848-7.395%2036.452c-.21%2013.32%201.459%2026.455%204.11%2039.478c2.405%2011.804%205.607%2023.377%2010.179%2034.55c.434%201.06.975%201.418%202.135%201.416c14.461-.031%2028.923-.031%2043.385-.031h12.843c.328%200%20.656-.019%201.033-.04l.622-.031l-.238-.575a20%2020%200%200%200-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329%201.43-21.33c2.278-8.003%207.168-13.652%2015.274-16.014c7.445-2.168%2014.993-2.154%2022.396.24c6.608%202.137%2010.916%206.65%2012.748%2013.408c1.408%205.19%201.407%2010.436.343%2015.669c-.82%204.028-2.47%207.705-5.441%2010.645c-5.33%205.275-11.985%206.489-19.126%206.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305%201.223.595%202.451.885%203.679c.699%202.958%201.397%205.915%202.295%208.81a170%20170%200%200%200%206.14%2016.654c16.577-1.294%2031.843-5.414%2048.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333%2012.593-9.954%2016.478-17.213c6.291-11.754%207.518-24.324%205.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706%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%20256%20259%22%3E%3Cpath%20fill%3D%22%23f6e458%22%20d%3D%22M0%2029.642C0%2013.272%2013.271%200%2029.642%200h196.716C242.728%200%20256%2013.271%20256%2029.642v199.41c0%2016.372-13.271%2029.643-29.642%2029.643H29.642C13.272%20258.695%200%20245.424%200%20229.052z%22%2F%3E%3Cpath%20d%3D%22M164.056%2057.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114%202.485-23.732%205.347C80.644%2066.06%2068.28%2076.774%2060.908%2092.904c-5.286%2011.564-7.196%2023.848-7.395%2036.452c-.21%2013.32%201.459%2026.455%204.11%2039.478c2.405%2011.804%205.607%2023.377%2010.179%2034.55c.434%201.06.975%201.418%202.135%201.416c14.461-.031%2028.923-.031%2043.385-.031h12.843c.328%200%20.656-.019%201.033-.04l.622-.031l-.238-.575a20%2020%200%200%200-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329%201.43-21.33c2.278-8.003%207.168-13.652%2015.274-16.014c7.445-2.168%2014.993-2.154%2022.396.24c6.608%202.137%2010.916%206.65%2012.748%2013.408c1.408%205.19%201.407%2010.436.343%2015.669c-.82%204.028-2.47%207.705-5.441%2010.645c-5.33%205.275-11.985%206.489-19.126%206.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305%201.223.595%202.451.885%203.679c.699%202.958%201.397%205.915%202.295%208.81a170%20170%200%200%200%206.14%2016.654c16.577-1.294%2031.843-5.414%2048.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333%2012.593-9.954%2016.478-17.213c6.291-11.754%207.518-24.324%205.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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