osmc logo
osmc from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- osmc
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the osmc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30.359 16.005c0 7.911-6.443 14.354-14.359 14.354c-7.911-.005-14.349-6.443-14.349-14.354c0-7.922 6.438-14.359 14.354-14.359c7.911 0 14.354 6.438 14.354 14.359m.386-6.234a15.8 15.8 0 0 0-3.427-5.083a15.9 15.9 0 0 0-5.083-3.427a15.8 15.8 0 0 0-6.229-1.26A15.9 15.9 0 0 0 4.693 4.689a15.9 15.9 0 0 0-3.427 5.083a15.8 15.8 0 0 0-1.26 6.234c0 2.161.417 4.255 1.255 6.229a15.8 15.8 0 0 0 3.427 5.083A15.94 15.94 0 0 0 16.001 32c2.156 0 4.255-.427 6.229-1.255a15.8 15.8 0 0 0 5.083-3.427c3.005-3 4.693-7.073 4.682-11.313c0-2.167-.411-4.255-1.25-6.234M11.422 19.51v-7.161l3.432 3.578zM9.771 8.396v15.229l10.818-11.276v9.026a.828.828 0 0 0 1.656-.005V8.38l-6.24 6.359z"/></svg>
React
import type { SVGProps } from "react";
export function CibOsmc(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="M30.359 16.005c0 7.911-6.443 14.354-14.359 14.354c-7.911-.005-14.349-6.443-14.349-14.354c0-7.922 6.438-14.359 14.354-14.359c7.911 0 14.354 6.438 14.354 14.359m.386-6.234a15.8 15.8 0 0 0-3.427-5.083a15.9 15.9 0 0 0-5.083-3.427a15.8 15.8 0 0 0-6.229-1.26A15.9 15.9 0 0 0 4.693 4.689a15.9 15.9 0 0 0-3.427 5.083a15.8 15.8 0 0 0-1.26 6.234c0 2.161.417 4.255 1.255 6.229a15.8 15.8 0 0 0 3.427 5.083A15.94 15.94 0 0 0 16.001 32c2.156 0 4.255-.427 6.229-1.255a15.8 15.8 0 0 0 5.083-3.427c3.005-3 4.693-7.073 4.682-11.313c0-2.167-.411-4.255-1.25-6.234M11.422 19.51v-7.161l3.432 3.578zM9.771 8.396v15.229l10.818-11.276v9.026a.828.828 0 0 0 1.656-.005V8.38l-6.24 6.359z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30.359 16.005c0 7.911-6.443 14.354-14.359 14.354c-7.911-.005-14.349-6.443-14.349-14.354c0-7.922 6.438-14.359 14.354-14.359c7.911 0 14.354 6.438 14.354 14.359m.386-6.234a15.8 15.8 0 0 0-3.427-5.083a15.9 15.9 0 0 0-5.083-3.427a15.8 15.8 0 0 0-6.229-1.26A15.9 15.9 0 0 0 4.693 4.689a15.9 15.9 0 0 0-3.427 5.083a15.8 15.8 0 0 0-1.26 6.234c0 2.161.417 4.255 1.255 6.229a15.8 15.8 0 0 0 3.427 5.083A15.94 15.94 0 0 0 16.001 32c2.156 0 4.255-.427 6.229-1.255a15.8 15.8 0 0 0 5.083-3.427c3.005-3 4.693-7.073 4.682-11.313c0-2.167-.411-4.255-1.25-6.234M11.422 19.51v-7.161l3.432 3.578zM9.771 8.396v15.229l10.818-11.276v9.026a.828.828 0 0 0 1.656-.005V8.38l-6.24 6.359z"/></svg> </template>
CSS
.icon-osmc {
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%22M30.359%2016.005c0%207.911-6.443%2014.354-14.359%2014.354c-7.911-.005-14.349-6.443-14.349-14.354c0-7.922%206.438-14.359%2014.354-14.359c7.911%200%2014.354%206.438%2014.354%2014.359m.386-6.234a15.8%2015.8%200%200%200-3.427-5.083a15.9%2015.9%200%200%200-5.083-3.427a15.8%2015.8%200%200%200-6.229-1.26A15.9%2015.9%200%200%200%204.693%204.689a15.9%2015.9%200%200%200-3.427%205.083a15.8%2015.8%200%200%200-1.26%206.234c0%202.161.417%204.255%201.255%206.229a15.8%2015.8%200%200%200%203.427%205.083A15.94%2015.94%200%200%200%2016.001%2032c2.156%200%204.255-.427%206.229-1.255a15.8%2015.8%200%200%200%205.083-3.427c3.005-3%204.693-7.073%204.682-11.313c0-2.167-.411-4.255-1.25-6.234M11.422%2019.51v-7.161l3.432%203.578zM9.771%208.396v15.229l10.818-11.276v9.026a.828.828%200%200%200%201.656-.005V8.38l-6.24%206.359z%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%22M30.359%2016.005c0%207.911-6.443%2014.354-14.359%2014.354c-7.911-.005-14.349-6.443-14.349-14.354c0-7.922%206.438-14.359%2014.354-14.359c7.911%200%2014.354%206.438%2014.354%2014.359m.386-6.234a15.8%2015.8%200%200%200-3.427-5.083a15.9%2015.9%200%200%200-5.083-3.427a15.8%2015.8%200%200%200-6.229-1.26A15.9%2015.9%200%200%200%204.693%204.689a15.9%2015.9%200%200%200-3.427%205.083a15.8%2015.8%200%200%200-1.26%206.234c0%202.161.417%204.255%201.255%206.229a15.8%2015.8%200%200%200%203.427%205.083A15.94%2015.94%200%200%200%2016.001%2032c2.156%200%204.255-.427%206.229-1.255a15.8%2015.8%200%200%200%205.083-3.427c3.005-3%204.693-7.073%204.682-11.313c0-2.167-.411-4.255-1.25-6.234M11.422%2019.51v-7.161l3.432%203.578zM9.771%208.396v15.229l10.818-11.276v9.026a.828.828%200%200%200%201.656-.005V8.38l-6.24%206.359z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/osmc.svg?color=%231a73e8&size=48
