truffle icon logo

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

Name: truffle-icon
Set: SVG Logos
Style: Color
Viewbox: 256×253
License: CC0

Use the truffle icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><ellipse cx="127.696" cy="126.423" fill="#5e464d" rx="124.963" ry="126.423"/><path fill="#fff" d="M88.398 238.526c5.112 1.745 22.279 7.327 23.01 1.869c.395-2.995-8.665-6.065-20.931-12.563a196.8 196.8 0 0 1-47.344-34.979a108.7 108.7 0 0 1-32.577-75.577C9.516 79.03 24.468 48.111 49.062 28.16A126.1 126.1 0 0 0 .047 124.89c-.73 27.663 7.006 50.97 21.537 72.185a82.3 82.3 0 0 0 15.682 15.447c13.925 10.533 34.286 20.274 51.132 25.992"/><path fill="#fff" d="M254.38 97.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693 17.539 59.35 54.832 38.865 87.731c-17.328 26.352-59.412 21.19-82.496 8.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14 91.593 2.563 79.327 34.162c-7.154 18.38-35.003 14.296-47.53 5.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775 1.126-9.63-4.208-5.322c-3.936 3.218-5.979 8.516-6.672 13.467c-5.83 41.204 67.581 73.15 89.365 33.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84 11.697 150.805 5.174 128.7 6.758C93.349 9.234 63.692 31.39 59.967 67.507c-3.714 35.894 20.286 68.2 48.544 87.52c29.706 20.3 69.636 33.68 106.174 21.574c32.75-10.855 46.28-48.445 39.694-79.129"/><path fill="#3fe0c5" d="M208.286 69.537C211.8 45.92 190.45 29.706 170.732 22.34c-23.244-8.664-53.953-4.876-70.885 14.37c-12.378 14.138-11.573 34.659-5.187 51.27c9.654 25.089 31.45 43.222 56.824 51.057c18.034 5.57 39.831 7.996 58.1 2.116c26.649-8.577 35.325-36.364 29.818-61.825a73 73 0 0 0-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62 62 0 0 1 4.11 6.077a68.3 68.3 0 0 1 6.919 15.36c7.748 23.765 1.67 51.49-19.804 65.836c-16.475 10.979-37.417 12.29-56.528 9.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358 102.089 76.9 76.01 83.2 52.17c4.617-17.44 18.777-30.461 35.734-35.895c21.45-6.943 45.066-3.713 64.363 7.563c9.679 5.632 18.566 13.43 23.517 23.653a35.1 35.1 0 0 1 3.527 14.767a30.6 30.6 0 0 1-.482 6.188c-.137.743-1.709 2.835-1.486 1.114"/></svg>

React

import type { SVGProps } from "react";

export function LogosTruffleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><ellipse cx="127.696" cy="126.423" fill="#5e464d" rx="124.963" ry="126.423"/><path fill="#fff" d="M88.398 238.526c5.112 1.745 22.279 7.327 23.01 1.869c.395-2.995-8.665-6.065-20.931-12.563a196.8 196.8 0 0 1-47.344-34.979a108.7 108.7 0 0 1-32.577-75.577C9.516 79.03 24.468 48.111 49.062 28.16A126.1 126.1 0 0 0 .047 124.89c-.73 27.663 7.006 50.97 21.537 72.185a82.3 82.3 0 0 0 15.682 15.447c13.925 10.533 34.286 20.274 51.132 25.992"/><path fill="#fff" d="M254.38 97.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693 17.539 59.35 54.832 38.865 87.731c-17.328 26.352-59.412 21.19-82.496 8.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14 91.593 2.563 79.327 34.162c-7.154 18.38-35.003 14.296-47.53 5.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775 1.126-9.63-4.208-5.322c-3.936 3.218-5.979 8.516-6.672 13.467c-5.83 41.204 67.581 73.15 89.365 33.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84 11.697 150.805 5.174 128.7 6.758C93.349 9.234 63.692 31.39 59.967 67.507c-3.714 35.894 20.286 68.2 48.544 87.52c29.706 20.3 69.636 33.68 106.174 21.574c32.75-10.855 46.28-48.445 39.694-79.129"/><path fill="#3fe0c5" d="M208.286 69.537C211.8 45.92 190.45 29.706 170.732 22.34c-23.244-8.664-53.953-4.876-70.885 14.37c-12.378 14.138-11.573 34.659-5.187 51.27c9.654 25.089 31.45 43.222 56.824 51.057c18.034 5.57 39.831 7.996 58.1 2.116c26.649-8.577 35.325-36.364 29.818-61.825a73 73 0 0 0-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62 62 0 0 1 4.11 6.077a68.3 68.3 0 0 1 6.919 15.36c7.748 23.765 1.67 51.49-19.804 65.836c-16.475 10.979-37.417 12.29-56.528 9.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358 102.089 76.9 76.01 83.2 52.17c4.617-17.44 18.777-30.461 35.734-35.895c21.45-6.943 45.066-3.713 64.363 7.563c9.679 5.632 18.566 13.43 23.517 23.653a35.1 35.1 0 0 1 3.527 14.767a30.6 30.6 0 0 1-.482 6.188c-.137.743-1.709 2.835-1.486 1.114"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 253"><ellipse cx="127.696" cy="126.423" fill="#5e464d" rx="124.963" ry="126.423"/><path fill="#fff" d="M88.398 238.526c5.112 1.745 22.279 7.327 23.01 1.869c.395-2.995-8.665-6.065-20.931-12.563a196.8 196.8 0 0 1-47.344-34.979a108.7 108.7 0 0 1-32.577-75.577C9.516 79.03 24.468 48.111 49.062 28.16A126.1 126.1 0 0 0 .047 124.89c-.73 27.663 7.006 50.97 21.537 72.185a82.3 82.3 0 0 0 15.682 15.447c13.925 10.533 34.286 20.274 51.132 25.992"/><path fill="#fff" d="M254.38 97.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693 17.539 59.35 54.832 38.865 87.731c-17.328 26.352-59.412 21.19-82.496 8.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14 91.593 2.563 79.327 34.162c-7.154 18.38-35.003 14.296-47.53 5.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775 1.126-9.63-4.208-5.322c-3.936 3.218-5.979 8.516-6.672 13.467c-5.83 41.204 67.581 73.15 89.365 33.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84 11.697 150.805 5.174 128.7 6.758C93.349 9.234 63.692 31.39 59.967 67.507c-3.714 35.894 20.286 68.2 48.544 87.52c29.706 20.3 69.636 33.68 106.174 21.574c32.75-10.855 46.28-48.445 39.694-79.129"/><path fill="#3fe0c5" d="M208.286 69.537C211.8 45.92 190.45 29.706 170.732 22.34c-23.244-8.664-53.953-4.876-70.885 14.37c-12.378 14.138-11.573 34.659-5.187 51.27c9.654 25.089 31.45 43.222 56.824 51.057c18.034 5.57 39.831 7.996 58.1 2.116c26.649-8.577 35.325-36.364 29.818-61.825a73 73 0 0 0-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62 62 0 0 1 4.11 6.077a68.3 68.3 0 0 1 6.919 15.36c7.748 23.765 1.67 51.49-19.804 65.836c-16.475 10.979-37.417 12.29-56.528 9.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358 102.089 76.9 76.01 83.2 52.17c4.617-17.44 18.777-30.461 35.734-35.895c21.45-6.943 45.066-3.713 64.363 7.563c9.679 5.632 18.566 13.43 23.517 23.653a35.1 35.1 0 0 1 3.527 14.767a30.6 30.6 0 0 1-.482 6.188c-.137.743-1.709 2.835-1.486 1.114"/></svg>
</template>

CSS

.icon-truffle-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%20253%22%3E%3Cellipse%20cx%3D%22127.696%22%20cy%3D%22126.423%22%20fill%3D%22%235e464d%22%20rx%3D%22124.963%22%20ry%3D%22126.423%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M88.398%20238.526c5.112%201.745%2022.279%207.327%2023.01%201.869c.395-2.995-8.665-6.065-20.931-12.563a196.8%20196.8%200%200%201-47.344-34.979a108.7%20108.7%200%200%201-32.577-75.577C9.516%2079.03%2024.468%2048.111%2049.062%2028.16A126.1%20126.1%200%200%200%20.047%20124.89c-.73%2027.663%207.006%2050.97%2021.537%2072.185a82.3%2082.3%200%200%200%2015.682%2015.447c13.925%2010.533%2034.286%2020.274%2051.132%2025.992%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M254.38%2097.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693%2017.539%2059.35%2054.832%2038.865%2087.731c-17.328%2026.352-59.412%2021.19-82.496%208.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14%2091.593%202.563%2079.327%2034.162c-7.154%2018.38-35.003%2014.296-47.53%205.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775%201.126-9.63-4.208-5.322c-3.936%203.218-5.979%208.516-6.672%2013.467c-5.83%2041.204%2067.581%2073.15%2089.365%2033.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84%2011.697%20150.805%205.174%20128.7%206.758C93.349%209.234%2063.692%2031.39%2059.967%2067.507c-3.714%2035.894%2020.286%2068.2%2048.544%2087.52c29.706%2020.3%2069.636%2033.68%20106.174%2021.574c32.75-10.855%2046.28-48.445%2039.694-79.129%22%2F%3E%3Cpath%20fill%3D%22%233fe0c5%22%20d%3D%22M208.286%2069.537C211.8%2045.92%20190.45%2029.706%20170.732%2022.34c-23.244-8.664-53.953-4.876-70.885%2014.37c-12.378%2014.138-11.573%2034.659-5.187%2051.27c9.654%2025.089%2031.45%2043.222%2056.824%2051.057c18.034%205.57%2039.831%207.996%2058.1%202.116c26.649-8.577%2035.325-36.364%2029.818-61.825a73%2073%200%200%200-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62%2062%200%200%201%204.11%206.077a68.3%2068.3%200%200%201%206.919%2015.36c7.748%2023.765%201.67%2051.49-19.804%2065.836c-16.475%2010.979-37.417%2012.29-56.528%209.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358%20102.089%2076.9%2076.01%2083.2%2052.17c4.617-17.44%2018.777-30.461%2035.734-35.895c21.45-6.943%2045.066-3.713%2064.363%207.563c9.679%205.632%2018.566%2013.43%2023.517%2023.653a35.1%2035.1%200%200%201%203.527%2014.767a30.6%2030.6%200%200%201-.482%206.188c-.137.743-1.709%202.835-1.486%201.114%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%20253%22%3E%3Cellipse%20cx%3D%22127.696%22%20cy%3D%22126.423%22%20fill%3D%22%235e464d%22%20rx%3D%22124.963%22%20ry%3D%22126.423%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M88.398%20238.526c5.112%201.745%2022.279%207.327%2023.01%201.869c.395-2.995-8.665-6.065-20.931-12.563a196.8%20196.8%200%200%201-47.344-34.979a108.7%20108.7%200%200%201-32.577-75.577C9.516%2079.03%2024.468%2048.111%2049.062%2028.16A126.1%20126.1%200%200%200%20.047%20124.89c-.73%2027.663%207.006%2050.97%2021.537%2072.185a82.3%2082.3%200%200%200%2015.682%2015.447c13.925%2010.533%2034.286%2020.274%2051.132%2025.992%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M254.38%2097.448c-7.749-36.44-31.836-61.95-64.054-79.971c24.693%2017.539%2059.35%2054.832%2038.865%2087.731c-17.328%2026.352-59.412%2021.19-82.496%208.665c-27.379-14.853-61.64-48.273-27.849-80.937c21.908-21.14%2091.593%202.563%2079.327%2034.162c-7.154%2018.38-35.003%2014.296-47.53%205.31c-9.233-6.634-17.006-18.034-12.884-29.805c1.312-3.775%201.126-9.63-4.208-5.322c-3.936%203.218-5.979%208.516-6.672%2013.467c-5.83%2041.204%2067.581%2073.15%2089.365%2033.283c11.3-20.696-7.018-50.748-30.077-63.051C168.84%2011.697%20150.805%205.174%20128.7%206.758C93.349%209.234%2063.692%2031.39%2059.967%2067.507c-3.714%2035.894%2020.286%2068.2%2048.544%2087.52c29.706%2020.3%2069.636%2033.68%20106.174%2021.574c32.75-10.855%2046.28-48.445%2039.694-79.129%22%2F%3E%3Cpath%20fill%3D%22%233fe0c5%22%20d%3D%22M208.286%2069.537C211.8%2045.92%20190.45%2029.706%20170.732%2022.34c-23.244-8.664-53.953-4.876-70.885%2014.37c-12.378%2014.138-11.573%2034.659-5.187%2051.27c9.654%2025.089%2031.45%2043.222%2056.824%2051.057c18.034%205.57%2039.831%207.996%2058.1%202.116c26.649-8.577%2035.325-36.364%2029.818-61.825a73%2073%200%200%200-5.397-15.942c-3.367-7.068-13.677-21.376.532-3.948a62%2062%200%200%201%204.11%206.077a68.3%2068.3%200%200%201%206.919%2015.36c7.748%2023.765%201.67%2051.49-19.804%2065.836c-16.475%2010.979-37.417%2012.29-56.528%209.543c-25.622-3.713-49.77-16.09-66.554-36.006C87.358%20102.089%2076.9%2076.01%2083.2%2052.17c4.617-17.44%2018.777-30.461%2035.734-35.895c21.45-6.943%2045.066-3.713%2064.363%207.563c9.679%205.632%2018.566%2013.43%2023.517%2023.653a35.1%2035.1%200%200%201%203.527%2014.767a30.6%2030.6%200%200%201-.482%206.188c-.137.743-1.709%202.835-1.486%201.114%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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