unbounce icon logo

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

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

Use the unbounce icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#303030" d="M128 0c70.737 0 128 57.263 128 128s-57.263 128-128 128S0 198.737 0 128S57.263 0 128 0m29.835 42.346c-5.294-1.684-11.068.481-13.955 5.052a81.5 81.5 0 0 0-15.399-1.443c-45.473 0-82.045 36.812-82.045 82.045c0 31.76 18.045 59.429 44.511 72.902c-.721 5.293 2.647 10.587 7.94 12.512c1.203.48 2.647.721 3.85.721c1.925 0 3.85-.48 5.534-1.443c1.924-.963 3.368-2.406 4.571-4.331c.481-.722.963-1.444 1.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338 23.338L169.865 99.85c5.533 7.94 8.661 17.804 8.661 28.15c0 22.135-13.955 40.662-33.443 47.64l-11.309 34.165c42.587-3.128 76.03-38.497 76.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128 77.474c1.444 0 3.128 0 4.571.24l-31.759 92.872C86.857 161.444 77.474 145.805 77.474 128c0-27.91 22.616-50.526 50.526-50.526"/></svg>

React

import type { SVGProps } from "react";

export function LogosUnbounceIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#303030" d="M128 0c70.737 0 128 57.263 128 128s-57.263 128-128 128S0 198.737 0 128S57.263 0 128 0m29.835 42.346c-5.294-1.684-11.068.481-13.955 5.052a81.5 81.5 0 0 0-15.399-1.443c-45.473 0-82.045 36.812-82.045 82.045c0 31.76 18.045 59.429 44.511 72.902c-.721 5.293 2.647 10.587 7.94 12.512c1.203.48 2.647.721 3.85.721c1.925 0 3.85-.48 5.534-1.443c1.924-.963 3.368-2.406 4.571-4.331c.481-.722.963-1.444 1.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338 23.338L169.865 99.85c5.533 7.94 8.661 17.804 8.661 28.15c0 22.135-13.955 40.662-33.443 47.64l-11.309 34.165c42.587-3.128 76.03-38.497 76.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128 77.474c1.444 0 3.128 0 4.571.24l-31.759 92.872C86.857 161.444 77.474 145.805 77.474 128c0-27.91 22.616-50.526 50.526-50.526"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#303030" d="M128 0c70.737 0 128 57.263 128 128s-57.263 128-128 128S0 198.737 0 128S57.263 0 128 0m29.835 42.346c-5.294-1.684-11.068.481-13.955 5.052a81.5 81.5 0 0 0-15.399-1.443c-45.473 0-82.045 36.812-82.045 82.045c0 31.76 18.045 59.429 44.511 72.902c-.721 5.293 2.647 10.587 7.94 12.512c1.203.48 2.647.721 3.85.721c1.925 0 3.85-.48 5.534-1.443c1.924-.963 3.368-2.406 4.571-4.331c.481-.722.963-1.444 1.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338 23.338L169.865 99.85c5.533 7.94 8.661 17.804 8.661 28.15c0 22.135-13.955 40.662-33.443 47.64l-11.309 34.165c42.587-3.128 76.03-38.497 76.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128 77.474c1.444 0 3.128 0 4.571.24l-31.759 92.872C86.857 161.444 77.474 145.805 77.474 128c0-27.91 22.616-50.526 50.526-50.526"/></svg>
</template>

CSS

.icon-unbounce-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%20256%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M128%200c70.737%200%20128%2057.263%20128%20128s-57.263%20128-128%20128S0%20198.737%200%20128S57.263%200%20128%200m29.835%2042.346c-5.294-1.684-11.068.481-13.955%205.052a81.5%2081.5%200%200%200-15.399-1.443c-45.473%200-82.045%2036.812-82.045%2082.045c0%2031.76%2018.045%2059.429%2044.511%2072.902c-.721%205.293%202.647%2010.587%207.94%2012.512c1.203.48%202.647.721%203.85.721c1.925%200%203.85-.48%205.534-1.443c1.924-.963%203.368-2.406%204.571-4.331c.481-.722.963-1.444%201.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338%2023.338L169.865%2099.85c5.533%207.94%208.661%2017.804%208.661%2028.15c0%2022.135-13.955%2040.662-33.443%2047.64l-11.309%2034.165c42.587-3.128%2076.03-38.497%2076.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128%2077.474c1.444%200%203.128%200%204.571.24l-31.759%2092.872C86.857%20161.444%2077.474%20145.805%2077.474%20128c0-27.91%2022.616-50.526%2050.526-50.526%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%20256%22%3E%3Cpath%20fill%3D%22%23303030%22%20d%3D%22M128%200c70.737%200%20128%2057.263%20128%20128s-57.263%20128-128%20128S0%20198.737%200%20128S57.263%200%20128%200m29.835%2042.346c-5.294-1.684-11.068.481-13.955%205.052a81.5%2081.5%200%200%200-15.399-1.443c-45.473%200-82.045%2036.812-82.045%2082.045c0%2031.76%2018.045%2059.429%2044.511%2072.902c-.721%205.293%202.647%2010.587%207.94%2012.512c1.203.48%202.647.721%203.85.721c1.925%200%203.85-.48%205.534-1.443c1.924-.963%203.368-2.406%204.571-4.331c.481-.722.963-1.444%201.203-2.406l9.384-27.67l32.721-93.112l9.384-27.67c.24-.721.481-1.683.481-2.646c.24-2.646-.481-5.052-1.684-7.218c-1.444-2.406-3.61-4.33-6.496-5.293m23.338%2023.338L169.865%2099.85c5.533%207.94%208.661%2017.804%208.661%2028.15c0%2022.135-13.955%2040.662-33.443%2047.64l-11.309%2034.165c42.587-3.128%2076.03-38.497%2076.271-81.805c0-25.023-11.308-47.398-28.872-62.316M128%2077.474c1.444%200%203.128%200%204.571.24l-31.759%2092.872C86.857%20161.444%2077.474%20145.805%2077.474%20128c0-27.91%2022.616-50.526%2050.526-50.526%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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