kodi logo
kodi from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- kodi
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the kodi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.03.047c-.226 0-.452.107-.669.324Q9.979 1.754 8.598 3.139c-.233.233-.455.48-.703.695c-.31.267-.405.583-.399.988c.02 1.399.008 2.799.008 4.198v4.36c0 .11.002.223.03.327c.087.337.303.393.546.15l3.928-3.933l4.449-4.453c.43-.431.43-.905 0-1.336L12.697.37c-.216-.217-.442-.324-.668-.324zm7.224 7.23c-.223 0-.445.104-.65.309L14.82 11.37c-.428.429-.427.895 0 1.322l3.76 3.766c.44.44.908.44 1.346.002c1.215-1.216 2.427-2.433 3.644-3.647c.182-.18.353-.364.43-.615v-.33c-.077-.251-.246-.436-.428-.617c-1.224-1.22-2.443-2.445-3.666-3.668c-.205-.205-.429-.307-.652-.307zM4.18 7.611c-.086.014-.145.094-.207.157L.209 11.572c-.28.284-.278.677.004.96l2.043 2.046l1.767 1.772c.169.168.33.139.416-.084c.044-.114.062-.242.063-.364q.005-1.925.004-3.851h-.002V8.184q-.002-.127-.022-.252c-.019-.135-.072-.258-.207-.309a.2.2 0 0 0-.095-.012m7.908 6.838c-.224 0-.447.106-.656.315L7.66 18.537c-.433.434-.433.899.002 1.334q1.823 1.822 3.643 3.649c.18.18.361.354.611.433h.33c.244-.069.423-.226.598-.402c1.222-1.23 2.45-2.453 3.676-3.68c.43-.43.427-.905-.004-1.338l-3.772-3.773c-.208-.208-.432-.311-.656-.31z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsKodi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.03.047c-.226 0-.452.107-.669.324Q9.979 1.754 8.598 3.139c-.233.233-.455.48-.703.695c-.31.267-.405.583-.399.988c.02 1.399.008 2.799.008 4.198v4.36c0 .11.002.223.03.327c.087.337.303.393.546.15l3.928-3.933l4.449-4.453c.43-.431.43-.905 0-1.336L12.697.37c-.216-.217-.442-.324-.668-.324zm7.224 7.23c-.223 0-.445.104-.65.309L14.82 11.37c-.428.429-.427.895 0 1.322l3.76 3.766c.44.44.908.44 1.346.002c1.215-1.216 2.427-2.433 3.644-3.647c.182-.18.353-.364.43-.615v-.33c-.077-.251-.246-.436-.428-.617c-1.224-1.22-2.443-2.445-3.666-3.668c-.205-.205-.429-.307-.652-.307zM4.18 7.611c-.086.014-.145.094-.207.157L.209 11.572c-.28.284-.278.677.004.96l2.043 2.046l1.767 1.772c.169.168.33.139.416-.084c.044-.114.062-.242.063-.364q.005-1.925.004-3.851h-.002V8.184q-.002-.127-.022-.252c-.019-.135-.072-.258-.207-.309a.2.2 0 0 0-.095-.012m7.908 6.838c-.224 0-.447.106-.656.315L7.66 18.537c-.433.434-.433.899.002 1.334q1.823 1.822 3.643 3.649c.18.18.361.354.611.433h.33c.244-.069.423-.226.598-.402c1.222-1.23 2.45-2.453 3.676-3.68c.43-.43.427-.905-.004-1.338l-3.772-3.773c-.208-.208-.432-.311-.656-.31z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.03.047c-.226 0-.452.107-.669.324Q9.979 1.754 8.598 3.139c-.233.233-.455.48-.703.695c-.31.267-.405.583-.399.988c.02 1.399.008 2.799.008 4.198v4.36c0 .11.002.223.03.327c.087.337.303.393.546.15l3.928-3.933l4.449-4.453c.43-.431.43-.905 0-1.336L12.697.37c-.216-.217-.442-.324-.668-.324zm7.224 7.23c-.223 0-.445.104-.65.309L14.82 11.37c-.428.429-.427.895 0 1.322l3.76 3.766c.44.44.908.44 1.346.002c1.215-1.216 2.427-2.433 3.644-3.647c.182-.18.353-.364.43-.615v-.33c-.077-.251-.246-.436-.428-.617c-1.224-1.22-2.443-2.445-3.666-3.668c-.205-.205-.429-.307-.652-.307zM4.18 7.611c-.086.014-.145.094-.207.157L.209 11.572c-.28.284-.278.677.004.96l2.043 2.046l1.767 1.772c.169.168.33.139.416-.084c.044-.114.062-.242.063-.364q.005-1.925.004-3.851h-.002V8.184q-.002-.127-.022-.252c-.019-.135-.072-.258-.207-.309a.2.2 0 0 0-.095-.012m7.908 6.838c-.224 0-.447.106-.656.315L7.66 18.537c-.433.434-.433.899.002 1.334q1.823 1.822 3.643 3.649c.18.18.361.354.611.433h.33c.244-.069.423-.226.598-.402c1.222-1.23 2.45-2.453 3.676-3.68c.43-.43.427-.905-.004-1.338l-3.772-3.773c-.208-.208-.432-.311-.656-.31z"/></svg> </template>
CSS
.icon-kodi {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.03.047c-.226%200-.452.107-.669.324Q9.979%201.754%208.598%203.139c-.233.233-.455.48-.703.695c-.31.267-.405.583-.399.988c.02%201.399.008%202.799.008%204.198v4.36c0%20.11.002.223.03.327c.087.337.303.393.546.15l3.928-3.933l4.449-4.453c.43-.431.43-.905%200-1.336L12.697.37c-.216-.217-.442-.324-.668-.324zm7.224%207.23c-.223%200-.445.104-.65.309L14.82%2011.37c-.428.429-.427.895%200%201.322l3.76%203.766c.44.44.908.44%201.346.002c1.215-1.216%202.427-2.433%203.644-3.647c.182-.18.353-.364.43-.615v-.33c-.077-.251-.246-.436-.428-.617c-1.224-1.22-2.443-2.445-3.666-3.668c-.205-.205-.429-.307-.652-.307zM4.18%207.611c-.086.014-.145.094-.207.157L.209%2011.572c-.28.284-.278.677.004.96l2.043%202.046l1.767%201.772c.169.168.33.139.416-.084c.044-.114.062-.242.063-.364q.005-1.925.004-3.851h-.002V8.184q-.002-.127-.022-.252c-.019-.135-.072-.258-.207-.309a.2.2%200%200%200-.095-.012m7.908%206.838c-.224%200-.447.106-.656.315L7.66%2018.537c-.433.434-.433.899.002%201.334q1.823%201.822%203.643%203.649c.18.18.361.354.611.433h.33c.244-.069.423-.226.598-.402c1.222-1.23%202.45-2.453%203.676-3.68c.43-.43.427-.905-.004-1.338l-3.772-3.773c-.208-.208-.432-.311-.656-.31z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.03.047c-.226%200-.452.107-.669.324Q9.979%201.754%208.598%203.139c-.233.233-.455.48-.703.695c-.31.267-.405.583-.399.988c.02%201.399.008%202.799.008%204.198v4.36c0%20.11.002.223.03.327c.087.337.303.393.546.15l3.928-3.933l4.449-4.453c.43-.431.43-.905%200-1.336L12.697.37c-.216-.217-.442-.324-.668-.324zm7.224%207.23c-.223%200-.445.104-.65.309L14.82%2011.37c-.428.429-.427.895%200%201.322l3.76%203.766c.44.44.908.44%201.346.002c1.215-1.216%202.427-2.433%203.644-3.647c.182-.18.353-.364.43-.615v-.33c-.077-.251-.246-.436-.428-.617c-1.224-1.22-2.443-2.445-3.666-3.668c-.205-.205-.429-.307-.652-.307zM4.18%207.611c-.086.014-.145.094-.207.157L.209%2011.572c-.28.284-.278.677.004.96l2.043%202.046l1.767%201.772c.169.168.33.139.416-.084c.044-.114.062-.242.063-.364q.005-1.925.004-3.851h-.002V8.184q-.002-.127-.022-.252c-.019-.135-.072-.258-.207-.309a.2.2%200%200%200-.095-.012m7.908%206.838c-.224%200-.447.106-.656.315L7.66%2018.537c-.433.434-.433.899.002%201.334q1.823%201.822%203.643%203.649c.18.18.361.354.611.433h.33c.244-.069.423-.226.598-.402c1.222-1.23%202.45-2.453%203.676-3.68c.43-.43.427-.905-.004-1.338l-3.772-3.773c-.208-.208-.432-.311-.656-.31z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/kodi.svg?color=%231a73e8&size=48
