app store logo
app-store from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- app-store
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Related icons in CoreUI Brands
Use the app store logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.994 7.556l.569-.981a1.276 1.276 0 1 1 2.213 1.275l-5.469 9.469h3.956c1.281 0 2 1.506 1.444 2.55H7.113c-.706 0-1.275-.569-1.275-1.275s.569-1.275 1.275-1.275h3.25l4.162-7.213l-1.3-2.256a1.278 1.278 0 0 1 2.213-1.275zm-4.919 13.625L9.85 23.306a1.276 1.276 0 1 1-2.213-1.275l.913-1.575c1.025-.319 1.863-.075 2.525.725m10.556-3.856h3.319c.706 0 1.275.569 1.275 1.275s-.569 1.275-1.275 1.275h-1.844l1.244 2.156a1.278 1.278 0 0 1-2.213 1.275c-2.094-3.631-3.669-6.35-4.712-8.162c-1.069-1.844-.306-3.694.45-4.319q1.254 2.158 3.756 6.5M16 .5C7.437.5.5 7.438.5 16S7.438 31.5 16 31.5S31.5 24.562 31.5 16S24.562.5 16 .5M29.5 16c0 7.419-6.006 13.5-13.5 13.5c-7.419 0-13.5-6.006-13.5-13.5C2.5 8.581 8.506 2.5 16 2.5c7.419 0 13.5 6.006 13.5 13.5"/></svg>
React
import type { SVGProps } from "react";
export function CibAppStore(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.994 7.556l.569-.981a1.276 1.276 0 1 1 2.213 1.275l-5.469 9.469h3.956c1.281 0 2 1.506 1.444 2.55H7.113c-.706 0-1.275-.569-1.275-1.275s.569-1.275 1.275-1.275h3.25l4.162-7.213l-1.3-2.256a1.278 1.278 0 0 1 2.213-1.275zm-4.919 13.625L9.85 23.306a1.276 1.276 0 1 1-2.213-1.275l.913-1.575c1.025-.319 1.863-.075 2.525.725m10.556-3.856h3.319c.706 0 1.275.569 1.275 1.275s-.569 1.275-1.275 1.275h-1.844l1.244 2.156a1.278 1.278 0 0 1-2.213 1.275c-2.094-3.631-3.669-6.35-4.712-8.162c-1.069-1.844-.306-3.694.45-4.319q1.254 2.158 3.756 6.5M16 .5C7.437.5.5 7.438.5 16S7.438 31.5 16 31.5S31.5 24.562 31.5 16S24.562.5 16 .5M29.5 16c0 7.419-6.006 13.5-13.5 13.5c-7.419 0-13.5-6.006-13.5-13.5C2.5 8.581 8.506 2.5 16 2.5c7.419 0 13.5 6.006 13.5 13.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m15.994 7.556l.569-.981a1.276 1.276 0 1 1 2.213 1.275l-5.469 9.469h3.956c1.281 0 2 1.506 1.444 2.55H7.113c-.706 0-1.275-.569-1.275-1.275s.569-1.275 1.275-1.275h3.25l4.162-7.213l-1.3-2.256a1.278 1.278 0 0 1 2.213-1.275zm-4.919 13.625L9.85 23.306a1.276 1.276 0 1 1-2.213-1.275l.913-1.575c1.025-.319 1.863-.075 2.525.725m10.556-3.856h3.319c.706 0 1.275.569 1.275 1.275s-.569 1.275-1.275 1.275h-1.844l1.244 2.156a1.278 1.278 0 0 1-2.213 1.275c-2.094-3.631-3.669-6.35-4.712-8.162c-1.069-1.844-.306-3.694.45-4.319q1.254 2.158 3.756 6.5M16 .5C7.437.5.5 7.438.5 16S7.438 31.5 16 31.5S31.5 24.562 31.5 16S24.562.5 16 .5M29.5 16c0 7.419-6.006 13.5-13.5 13.5c-7.419 0-13.5-6.006-13.5-13.5C2.5 8.581 8.506 2.5 16 2.5c7.419 0 13.5 6.006 13.5 13.5"/></svg> </template>
CSS
.icon-app-store {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.994%207.556l.569-.981a1.276%201.276%200%201%201%202.213%201.275l-5.469%209.469h3.956c1.281%200%202%201.506%201.444%202.55H7.113c-.706%200-1.275-.569-1.275-1.275s.569-1.275%201.275-1.275h3.25l4.162-7.213l-1.3-2.256a1.278%201.278%200%200%201%202.213-1.275zm-4.919%2013.625L9.85%2023.306a1.276%201.276%200%201%201-2.213-1.275l.913-1.575c1.025-.319%201.863-.075%202.525.725m10.556-3.856h3.319c.706%200%201.275.569%201.275%201.275s-.569%201.275-1.275%201.275h-1.844l1.244%202.156a1.278%201.278%200%200%201-2.213%201.275c-2.094-3.631-3.669-6.35-4.712-8.162c-1.069-1.844-.306-3.694.45-4.319q1.254%202.158%203.756%206.5M16%20.5C7.437.5.5%207.438.5%2016S7.438%2031.5%2016%2031.5S31.5%2024.562%2031.5%2016S24.562.5%2016%20.5M29.5%2016c0%207.419-6.006%2013.5-13.5%2013.5c-7.419%200-13.5-6.006-13.5-13.5C2.5%208.581%208.506%202.5%2016%202.5c7.419%200%2013.5%206.006%2013.5%2013.5%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m15.994%207.556l.569-.981a1.276%201.276%200%201%201%202.213%201.275l-5.469%209.469h3.956c1.281%200%202%201.506%201.444%202.55H7.113c-.706%200-1.275-.569-1.275-1.275s.569-1.275%201.275-1.275h3.25l4.162-7.213l-1.3-2.256a1.278%201.278%200%200%201%202.213-1.275zm-4.919%2013.625L9.85%2023.306a1.276%201.276%200%201%201-2.213-1.275l.913-1.575c1.025-.319%201.863-.075%202.525.725m10.556-3.856h3.319c.706%200%201.275.569%201.275%201.275s-.569%201.275-1.275%201.275h-1.844l1.244%202.156a1.278%201.278%200%200%201-2.213%201.275c-2.094-3.631-3.669-6.35-4.712-8.162c-1.069-1.844-.306-3.694.45-4.319q1.254%202.158%203.756%206.5M16%20.5C7.437.5.5%207.438.5%2016S7.438%2031.5%2016%2031.5S31.5%2024.562%2031.5%2016S24.562.5%2016%20.5M29.5%2016c0%207.419-6.006%2013.5-13.5%2013.5c-7.419%200-13.5-6.006-13.5-13.5C2.5%208.581%208.506%202.5%2016%202.5c7.419%200%2013.5%206.006%2013.5%2013.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/app-store.svg?color=%231a73e8&size=48
