ionic logo
ionic from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- ionic
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×173
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the ionic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 173"><path fill="#3880ff" d="M86.51 0c14.027 0 27.234 3.278 39.622 9.625l1.638.82l-1.434 1.125c-3.48 2.765-6.245 6.348-7.985 10.443l-.512 1.126l-1.024-.512c-9.521-4.504-19.657-6.859-30.202-6.859c-39.007 0-70.642 31.738-70.642 70.642s31.533 70.642 70.54 70.642c39.006 0 70.642-31.738 70.642-70.642c0-9.317-1.74-18.428-5.427-27.028l-.511-1.126l1.126-.512c4.197-1.536 7.883-4.096 10.852-7.372l1.126-1.433l.717 1.638c5.221 11.364 7.78 23.445 7.78 35.628c0 47.607-38.801 86.408-86.408 86.408S0 133.812 0 86.205S38.802-.203 86.51.001m0 47.096c21.603 0 39.314 17.61 39.417 39.416c0 21.807-17.61 39.416-39.416 39.416c-21.807 0-39.416-17.609-39.416-39.416S64.806 47.096 86.51 47.096m56.412-32.557c9.951 0 18.019 8.068 18.019 18.02c0 9.95-8.068 18.018-18.02 18.018c-9.95 0-18.018-8.067-18.018-18.019s8.067-18.019 18.019-18.019M480.57 46.994c6.757 0 12.695 2.252 17.2 4.914c6.04 3.583 10.442 7.167 14.23 13.002l-13.105 8.907s-7.166-11.262-18.837-11.262c-13.822 0-22.831 10.648-22.831 23.957s9.112 23.957 22.83 23.957c11.672 0 18.736-11.466 18.736-11.364L512 107.91c-3.788 5.835-8.19 9.316-14.23 13.002c-4.505 2.662-10.546 4.914-17.2 4.914c-22.831 0-40.236-17.2-40.338-39.416c.102-22.216 17.507-39.416 40.337-39.416m-197.49.102c18.94 0 39.416 13.412 39.314 39.416c0 22.83-17.508 39.314-39.007 39.314c-23.753 0-39.724-18.326-39.724-39.723c0-20.988 16.483-39.007 39.416-39.007m-47.505 1.74v75.25H217.35v-75.25zm196.671 0v75.25h-18.223v-75.25zm-60.301-1.74c23.035 0 31.635 15.869 31.942 35.628v41.26h-18.223V80.88c0-10.033-6.86-18.53-15.562-18.53c-9.01 0-21.09 7.269-21.09 16.176v45.559h-18.224v-75.25h15.152l1.127 8.089l.086-.082c2.319-2.164 12.158-9.747 24.792-9.747m-88.66 15.46c-12.696 0-22.422 10.135-22.422 23.854c0 13.821 9.828 23.957 22.319 23.957c11.466 0 22.114-9.42 22.114-23.855c0-14.742-10.75-23.957-22.012-23.957"/></svg>
React
import type { SVGProps } from "react";
export function LogosIonic(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 173"><path fill="#3880ff" d="M86.51 0c14.027 0 27.234 3.278 39.622 9.625l1.638.82l-1.434 1.125c-3.48 2.765-6.245 6.348-7.985 10.443l-.512 1.126l-1.024-.512c-9.521-4.504-19.657-6.859-30.202-6.859c-39.007 0-70.642 31.738-70.642 70.642s31.533 70.642 70.54 70.642c39.006 0 70.642-31.738 70.642-70.642c0-9.317-1.74-18.428-5.427-27.028l-.511-1.126l1.126-.512c4.197-1.536 7.883-4.096 10.852-7.372l1.126-1.433l.717 1.638c5.221 11.364 7.78 23.445 7.78 35.628c0 47.607-38.801 86.408-86.408 86.408S0 133.812 0 86.205S38.802-.203 86.51.001m0 47.096c21.603 0 39.314 17.61 39.417 39.416c0 21.807-17.61 39.416-39.416 39.416c-21.807 0-39.416-17.609-39.416-39.416S64.806 47.096 86.51 47.096m56.412-32.557c9.951 0 18.019 8.068 18.019 18.02c0 9.95-8.068 18.018-18.02 18.018c-9.95 0-18.018-8.067-18.018-18.019s8.067-18.019 18.019-18.019M480.57 46.994c6.757 0 12.695 2.252 17.2 4.914c6.04 3.583 10.442 7.167 14.23 13.002l-13.105 8.907s-7.166-11.262-18.837-11.262c-13.822 0-22.831 10.648-22.831 23.957s9.112 23.957 22.83 23.957c11.672 0 18.736-11.466 18.736-11.364L512 107.91c-3.788 5.835-8.19 9.316-14.23 13.002c-4.505 2.662-10.546 4.914-17.2 4.914c-22.831 0-40.236-17.2-40.338-39.416c.102-22.216 17.507-39.416 40.337-39.416m-197.49.102c18.94 0 39.416 13.412 39.314 39.416c0 22.83-17.508 39.314-39.007 39.314c-23.753 0-39.724-18.326-39.724-39.723c0-20.988 16.483-39.007 39.416-39.007m-47.505 1.74v75.25H217.35v-75.25zm196.671 0v75.25h-18.223v-75.25zm-60.301-1.74c23.035 0 31.635 15.869 31.942 35.628v41.26h-18.223V80.88c0-10.033-6.86-18.53-15.562-18.53c-9.01 0-21.09 7.269-21.09 16.176v45.559h-18.224v-75.25h15.152l1.127 8.089l.086-.082c2.319-2.164 12.158-9.747 24.792-9.747m-88.66 15.46c-12.696 0-22.422 10.135-22.422 23.854c0 13.821 9.828 23.957 22.319 23.957c11.466 0 22.114-9.42 22.114-23.855c0-14.742-10.75-23.957-22.012-23.957"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 173"><path fill="#3880ff" d="M86.51 0c14.027 0 27.234 3.278 39.622 9.625l1.638.82l-1.434 1.125c-3.48 2.765-6.245 6.348-7.985 10.443l-.512 1.126l-1.024-.512c-9.521-4.504-19.657-6.859-30.202-6.859c-39.007 0-70.642 31.738-70.642 70.642s31.533 70.642 70.54 70.642c39.006 0 70.642-31.738 70.642-70.642c0-9.317-1.74-18.428-5.427-27.028l-.511-1.126l1.126-.512c4.197-1.536 7.883-4.096 10.852-7.372l1.126-1.433l.717 1.638c5.221 11.364 7.78 23.445 7.78 35.628c0 47.607-38.801 86.408-86.408 86.408S0 133.812 0 86.205S38.802-.203 86.51.001m0 47.096c21.603 0 39.314 17.61 39.417 39.416c0 21.807-17.61 39.416-39.416 39.416c-21.807 0-39.416-17.609-39.416-39.416S64.806 47.096 86.51 47.096m56.412-32.557c9.951 0 18.019 8.068 18.019 18.02c0 9.95-8.068 18.018-18.02 18.018c-9.95 0-18.018-8.067-18.018-18.019s8.067-18.019 18.019-18.019M480.57 46.994c6.757 0 12.695 2.252 17.2 4.914c6.04 3.583 10.442 7.167 14.23 13.002l-13.105 8.907s-7.166-11.262-18.837-11.262c-13.822 0-22.831 10.648-22.831 23.957s9.112 23.957 22.83 23.957c11.672 0 18.736-11.466 18.736-11.364L512 107.91c-3.788 5.835-8.19 9.316-14.23 13.002c-4.505 2.662-10.546 4.914-17.2 4.914c-22.831 0-40.236-17.2-40.338-39.416c.102-22.216 17.507-39.416 40.337-39.416m-197.49.102c18.94 0 39.416 13.412 39.314 39.416c0 22.83-17.508 39.314-39.007 39.314c-23.753 0-39.724-18.326-39.724-39.723c0-20.988 16.483-39.007 39.416-39.007m-47.505 1.74v75.25H217.35v-75.25zm196.671 0v75.25h-18.223v-75.25zm-60.301-1.74c23.035 0 31.635 15.869 31.942 35.628v41.26h-18.223V80.88c0-10.033-6.86-18.53-15.562-18.53c-9.01 0-21.09 7.269-21.09 16.176v45.559h-18.224v-75.25h15.152l1.127 8.089l.086-.082c2.319-2.164 12.158-9.747 24.792-9.747m-88.66 15.46c-12.696 0-22.422 10.135-22.422 23.854c0 13.821 9.828 23.957 22.319 23.957c11.466 0 22.114-9.42 22.114-23.855c0-14.742-10.75-23.957-22.012-23.957"/></svg> </template>
CSS
.icon-ionic {
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%20512%20173%22%3E%3Cpath%20fill%3D%22%233880ff%22%20d%3D%22M86.51%200c14.027%200%2027.234%203.278%2039.622%209.625l1.638.82l-1.434%201.125c-3.48%202.765-6.245%206.348-7.985%2010.443l-.512%201.126l-1.024-.512c-9.521-4.504-19.657-6.859-30.202-6.859c-39.007%200-70.642%2031.738-70.642%2070.642s31.533%2070.642%2070.54%2070.642c39.006%200%2070.642-31.738%2070.642-70.642c0-9.317-1.74-18.428-5.427-27.028l-.511-1.126l1.126-.512c4.197-1.536%207.883-4.096%2010.852-7.372l1.126-1.433l.717%201.638c5.221%2011.364%207.78%2023.445%207.78%2035.628c0%2047.607-38.801%2086.408-86.408%2086.408S0%20133.812%200%2086.205S38.802-.203%2086.51.001m0%2047.096c21.603%200%2039.314%2017.61%2039.417%2039.416c0%2021.807-17.61%2039.416-39.416%2039.416c-21.807%200-39.416-17.609-39.416-39.416S64.806%2047.096%2086.51%2047.096m56.412-32.557c9.951%200%2018.019%208.068%2018.019%2018.02c0%209.95-8.068%2018.018-18.02%2018.018c-9.95%200-18.018-8.067-18.018-18.019s8.067-18.019%2018.019-18.019M480.57%2046.994c6.757%200%2012.695%202.252%2017.2%204.914c6.04%203.583%2010.442%207.167%2014.23%2013.002l-13.105%208.907s-7.166-11.262-18.837-11.262c-13.822%200-22.831%2010.648-22.831%2023.957s9.112%2023.957%2022.83%2023.957c11.672%200%2018.736-11.466%2018.736-11.364L512%20107.91c-3.788%205.835-8.19%209.316-14.23%2013.002c-4.505%202.662-10.546%204.914-17.2%204.914c-22.831%200-40.236-17.2-40.338-39.416c.102-22.216%2017.507-39.416%2040.337-39.416m-197.49.102c18.94%200%2039.416%2013.412%2039.314%2039.416c0%2022.83-17.508%2039.314-39.007%2039.314c-23.753%200-39.724-18.326-39.724-39.723c0-20.988%2016.483-39.007%2039.416-39.007m-47.505%201.74v75.25H217.35v-75.25zm196.671%200v75.25h-18.223v-75.25zm-60.301-1.74c23.035%200%2031.635%2015.869%2031.942%2035.628v41.26h-18.223V80.88c0-10.033-6.86-18.53-15.562-18.53c-9.01%200-21.09%207.269-21.09%2016.176v45.559h-18.224v-75.25h15.152l1.127%208.089l.086-.082c2.319-2.164%2012.158-9.747%2024.792-9.747m-88.66%2015.46c-12.696%200-22.422%2010.135-22.422%2023.854c0%2013.821%209.828%2023.957%2022.319%2023.957c11.466%200%2022.114-9.42%2022.114-23.855c0-14.742-10.75-23.957-22.012-23.957%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%20512%20173%22%3E%3Cpath%20fill%3D%22%233880ff%22%20d%3D%22M86.51%200c14.027%200%2027.234%203.278%2039.622%209.625l1.638.82l-1.434%201.125c-3.48%202.765-6.245%206.348-7.985%2010.443l-.512%201.126l-1.024-.512c-9.521-4.504-19.657-6.859-30.202-6.859c-39.007%200-70.642%2031.738-70.642%2070.642s31.533%2070.642%2070.54%2070.642c39.006%200%2070.642-31.738%2070.642-70.642c0-9.317-1.74-18.428-5.427-27.028l-.511-1.126l1.126-.512c4.197-1.536%207.883-4.096%2010.852-7.372l1.126-1.433l.717%201.638c5.221%2011.364%207.78%2023.445%207.78%2035.628c0%2047.607-38.801%2086.408-86.408%2086.408S0%20133.812%200%2086.205S38.802-.203%2086.51.001m0%2047.096c21.603%200%2039.314%2017.61%2039.417%2039.416c0%2021.807-17.61%2039.416-39.416%2039.416c-21.807%200-39.416-17.609-39.416-39.416S64.806%2047.096%2086.51%2047.096m56.412-32.557c9.951%200%2018.019%208.068%2018.019%2018.02c0%209.95-8.068%2018.018-18.02%2018.018c-9.95%200-18.018-8.067-18.018-18.019s8.067-18.019%2018.019-18.019M480.57%2046.994c6.757%200%2012.695%202.252%2017.2%204.914c6.04%203.583%2010.442%207.167%2014.23%2013.002l-13.105%208.907s-7.166-11.262-18.837-11.262c-13.822%200-22.831%2010.648-22.831%2023.957s9.112%2023.957%2022.83%2023.957c11.672%200%2018.736-11.466%2018.736-11.364L512%20107.91c-3.788%205.835-8.19%209.316-14.23%2013.002c-4.505%202.662-10.546%204.914-17.2%204.914c-22.831%200-40.236-17.2-40.338-39.416c.102-22.216%2017.507-39.416%2040.337-39.416m-197.49.102c18.94%200%2039.416%2013.412%2039.314%2039.416c0%2022.83-17.508%2039.314-39.007%2039.314c-23.753%200-39.724-18.326-39.724-39.723c0-20.988%2016.483-39.007%2039.416-39.007m-47.505%201.74v75.25H217.35v-75.25zm196.671%200v75.25h-18.223v-75.25zm-60.301-1.74c23.035%200%2031.635%2015.869%2031.942%2035.628v41.26h-18.223V80.88c0-10.033-6.86-18.53-15.562-18.53c-9.01%200-21.09%207.269-21.09%2016.176v45.559h-18.224v-75.25h15.152l1.127%208.089l.086-.082c2.319-2.164%2012.158-9.747%2024.792-9.747m-88.66%2015.46c-12.696%200-22.422%2010.135-22.422%2023.854c0%2013.821%209.828%2023.957%2022.319%2023.957c11.466%200%2022.114-9.42%2022.114-23.855c0-14.742-10.75-23.957-22.012-23.957%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/ionic.svg?color=%231a73e8&size=48
