ionic logo
ionic-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- ionic-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the ionic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#4e8ef7"><path d="M57.01 58.34h.91v17.19h-.91zm13.82-.42a9 9 0 1 0 9.05 9a8.85 8.85 0 0 0-9.05-9m0 17.19A8.18 8.18 0 1 1 79 66.94a8 8 0 0 1-8.17 8.17M97 59.64a8.56 8.56 0 0 0-5.48-1.72c-2.72 0-5.74 1.27-6.81 3.73h-.07v-3.31h-.91v17.19h.91v-9.89c0-4.31 2.66-6.88 7-6.88a6.82 6.82 0 0 1 4.87 1.62c1.3 1.17 2.11 3.08 2.11 6.07v9.08h.91v-9.08c.01-3.08-.8-5.39-2.53-6.81m7.57-1.3h.91v17.19h-.91zm13.81 16.77a8 8 0 0 1-8.14-8.18a8.18 8.18 0 0 1 2.37-5.87a7.9 7.9 0 0 1 5.81-2.3a7.77 7.77 0 0 1 7.53 5.16h1a9.06 9.06 0 1 0-8.56 12a8.72 8.72 0 0 0 8.53-5.84h-1a7.78 7.78 0 0 1-7.54 5.03"/><circle cx="57.46" cy="53.01" r=".98"/><circle cx="105.02" cy="53.01" r=".98"/><circle cx="22.97" cy="63.99" r="8.97"/><path d="M41.27 48.77a3.08 3.08 0 0 0-5.1-2.33a22 22 0 1 0 4.35 4.35a3.07 3.07 0 0 0 .75-2.02M23 85.22A21.23 21.23 0 1 1 35.67 47a3.08 3.08 0 0 0 4.3 4.3A21.22 21.22 0 0 1 23 85.22"/></g></svg>
React
import type { SVGProps } from "react";
export function DeviconIonicWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#4e8ef7"><path d="M57.01 58.34h.91v17.19h-.91zm13.82-.42a9 9 0 1 0 9.05 9a8.85 8.85 0 0 0-9.05-9m0 17.19A8.18 8.18 0 1 1 79 66.94a8 8 0 0 1-8.17 8.17M97 59.64a8.56 8.56 0 0 0-5.48-1.72c-2.72 0-5.74 1.27-6.81 3.73h-.07v-3.31h-.91v17.19h.91v-9.89c0-4.31 2.66-6.88 7-6.88a6.82 6.82 0 0 1 4.87 1.62c1.3 1.17 2.11 3.08 2.11 6.07v9.08h.91v-9.08c.01-3.08-.8-5.39-2.53-6.81m7.57-1.3h.91v17.19h-.91zm13.81 16.77a8 8 0 0 1-8.14-8.18a8.18 8.18 0 0 1 2.37-5.87a7.9 7.9 0 0 1 5.81-2.3a7.77 7.77 0 0 1 7.53 5.16h1a9.06 9.06 0 1 0-8.56 12a8.72 8.72 0 0 0 8.53-5.84h-1a7.78 7.78 0 0 1-7.54 5.03"/><circle cx="57.46" cy="53.01" r=".98"/><circle cx="105.02" cy="53.01" r=".98"/><circle cx="22.97" cy="63.99" r="8.97"/><path d="M41.27 48.77a3.08 3.08 0 0 0-5.1-2.33a22 22 0 1 0 4.35 4.35a3.07 3.07 0 0 0 .75-2.02M23 85.22A21.23 21.23 0 1 1 35.67 47a3.08 3.08 0 0 0 4.3 4.3A21.22 21.22 0 0 1 23 85.22"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#4e8ef7"><path d="M57.01 58.34h.91v17.19h-.91zm13.82-.42a9 9 0 1 0 9.05 9a8.85 8.85 0 0 0-9.05-9m0 17.19A8.18 8.18 0 1 1 79 66.94a8 8 0 0 1-8.17 8.17M97 59.64a8.56 8.56 0 0 0-5.48-1.72c-2.72 0-5.74 1.27-6.81 3.73h-.07v-3.31h-.91v17.19h.91v-9.89c0-4.31 2.66-6.88 7-6.88a6.82 6.82 0 0 1 4.87 1.62c1.3 1.17 2.11 3.08 2.11 6.07v9.08h.91v-9.08c.01-3.08-.8-5.39-2.53-6.81m7.57-1.3h.91v17.19h-.91zm13.81 16.77a8 8 0 0 1-8.14-8.18a8.18 8.18 0 0 1 2.37-5.87a7.9 7.9 0 0 1 5.81-2.3a7.77 7.77 0 0 1 7.53 5.16h1a9.06 9.06 0 1 0-8.56 12a8.72 8.72 0 0 0 8.53-5.84h-1a7.78 7.78 0 0 1-7.54 5.03"/><circle cx="57.46" cy="53.01" r=".98"/><circle cx="105.02" cy="53.01" r=".98"/><circle cx="22.97" cy="63.99" r="8.97"/><path d="M41.27 48.77a3.08 3.08 0 0 0-5.1-2.33a22 22 0 1 0 4.35 4.35a3.07 3.07 0 0 0 .75-2.02M23 85.22A21.23 21.23 0 1 1 35.67 47a3.08 3.08 0 0 0 4.3 4.3A21.22 21.22 0 0 1 23 85.22"/></g></svg> </template>
CSS
.icon-ionic-wordmark {
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%20128%20128%22%3E%3Cg%20fill%3D%22%234e8ef7%22%3E%3Cpath%20d%3D%22M57.01%2058.34h.91v17.19h-.91zm13.82-.42a9%209%200%201%200%209.05%209a8.85%208.85%200%200%200-9.05-9m0%2017.19A8.18%208.18%200%201%201%2079%2066.94a8%208%200%200%201-8.17%208.17M97%2059.64a8.56%208.56%200%200%200-5.48-1.72c-2.72%200-5.74%201.27-6.81%203.73h-.07v-3.31h-.91v17.19h.91v-9.89c0-4.31%202.66-6.88%207-6.88a6.82%206.82%200%200%201%204.87%201.62c1.3%201.17%202.11%203.08%202.11%206.07v9.08h.91v-9.08c.01-3.08-.8-5.39-2.53-6.81m7.57-1.3h.91v17.19h-.91zm13.81%2016.77a8%208%200%200%201-8.14-8.18a8.18%208.18%200%200%201%202.37-5.87a7.9%207.9%200%200%201%205.81-2.3a7.77%207.77%200%200%201%207.53%205.16h1a9.06%209.06%200%201%200-8.56%2012a8.72%208.72%200%200%200%208.53-5.84h-1a7.78%207.78%200%200%201-7.54%205.03%22%2F%3E%3Ccircle%20cx%3D%2257.46%22%20cy%3D%2253.01%22%20r%3D%22.98%22%2F%3E%3Ccircle%20cx%3D%22105.02%22%20cy%3D%2253.01%22%20r%3D%22.98%22%2F%3E%3Ccircle%20cx%3D%2222.97%22%20cy%3D%2263.99%22%20r%3D%228.97%22%2F%3E%3Cpath%20d%3D%22M41.27%2048.77a3.08%203.08%200%200%200-5.1-2.33a22%2022%200%201%200%204.35%204.35a3.07%203.07%200%200%200%20.75-2.02M23%2085.22A21.23%2021.23%200%201%201%2035.67%2047a3.08%203.08%200%200%200%204.3%204.3A21.22%2021.22%200%200%201%2023%2085.22%22%2F%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%20128%20128%22%3E%3Cg%20fill%3D%22%234e8ef7%22%3E%3Cpath%20d%3D%22M57.01%2058.34h.91v17.19h-.91zm13.82-.42a9%209%200%201%200%209.05%209a8.85%208.85%200%200%200-9.05-9m0%2017.19A8.18%208.18%200%201%201%2079%2066.94a8%208%200%200%201-8.17%208.17M97%2059.64a8.56%208.56%200%200%200-5.48-1.72c-2.72%200-5.74%201.27-6.81%203.73h-.07v-3.31h-.91v17.19h.91v-9.89c0-4.31%202.66-6.88%207-6.88a6.82%206.82%200%200%201%204.87%201.62c1.3%201.17%202.11%203.08%202.11%206.07v9.08h.91v-9.08c.01-3.08-.8-5.39-2.53-6.81m7.57-1.3h.91v17.19h-.91zm13.81%2016.77a8%208%200%200%201-8.14-8.18a8.18%208.18%200%200%201%202.37-5.87a7.9%207.9%200%200%201%205.81-2.3a7.77%207.77%200%200%201%207.53%205.16h1a9.06%209.06%200%201%200-8.56%2012a8.72%208.72%200%200%200%208.53-5.84h-1a7.78%207.78%200%200%201-7.54%205.03%22%2F%3E%3Ccircle%20cx%3D%2257.46%22%20cy%3D%2253.01%22%20r%3D%22.98%22%2F%3E%3Ccircle%20cx%3D%22105.02%22%20cy%3D%2253.01%22%20r%3D%22.98%22%2F%3E%3Ccircle%20cx%3D%2222.97%22%20cy%3D%2263.99%22%20r%3D%228.97%22%2F%3E%3Cpath%20d%3D%22M41.27%2048.77a3.08%203.08%200%200%200-5.1-2.33a22%2022%200%201%200%204.35%204.35a3.07%203.07%200%200%200%20.75-2.02M23%2085.22A21.23%2021.23%200%201%201%2035.67%2047a3.08%203.08%200%200%200%204.3%204.3A21.22%2021.22%200%200%201%2023%2085.22%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/ionic-wordmark.svg?color=%231a73e8&size=48
