kde logo
kde from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- kde
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the kde logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d99f3" d="M256 0v256H0V0z"/><path fill="#fcfcfc" d="m143.025 32.309l-31.88 3.052v131.27l31.543-4.748v-55.968l42.4 62.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061 56.305zM70.762 64.298c-.36.037-.708.196-.978.467l-12.512 12.51a1.62 1.62 0 0 0-.238 1.985l14.65 24.127a62.6 62.6 0 0 0-6.17 14.046l-26.893 5.593a1.62 1.62 0 0 0-1.288 1.586v17.693c0 .748.512 1.396 1.233 1.57l26.103 6.38a62.5 62.5 0 0 0 6.4 16.223l-15.109 23.04a1.62 1.62 0 0 0 .211 2.034l12.508 12.51a1.63 1.63 0 0 0 1.989.242l23.676-14.38a62.6 62.6 0 0 0 14.967 6.228l5.524 26.56c.156.753.82 1.288 1.584 1.288h17.694c.744 0 1.393-.508 1.57-1.238l6.507-26.615a62.4 62.4 0 0 0 15.397-6.478l23.332 15.298c.641.423 1.49.338 2.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95 0 0 1-1.077-.373l-12.449-18.222c-8.387 16.416-25.452 27.66-45.158 27.66c-27.998 0-50.696-22.698-50.696-50.697c0-20.597 12.285-38.31 29.921-46.246V76.144a62.5 62.5 0 0 0-9.26 4.082q-.001-.003-.013-.015L71.816 64.55a1.62 1.62 0 0 0-1.055-.257z"/></svg>
React
import type { SVGProps } from "react";
export function LogosKde(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d99f3" d="M256 0v256H0V0z"/><path fill="#fcfcfc" d="m143.025 32.309l-31.88 3.052v131.27l31.543-4.748v-55.968l42.4 62.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061 56.305zM70.762 64.298c-.36.037-.708.196-.978.467l-12.512 12.51a1.62 1.62 0 0 0-.238 1.985l14.65 24.127a62.6 62.6 0 0 0-6.17 14.046l-26.893 5.593a1.62 1.62 0 0 0-1.288 1.586v17.693c0 .748.512 1.396 1.233 1.57l26.103 6.38a62.5 62.5 0 0 0 6.4 16.223l-15.109 23.04a1.62 1.62 0 0 0 .211 2.034l12.508 12.51a1.63 1.63 0 0 0 1.989.242l23.676-14.38a62.6 62.6 0 0 0 14.967 6.228l5.524 26.56c.156.753.82 1.288 1.584 1.288h17.694c.744 0 1.393-.508 1.57-1.238l6.507-26.615a62.4 62.4 0 0 0 15.397-6.478l23.332 15.298c.641.423 1.49.338 2.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95 0 0 1-1.077-.373l-12.449-18.222c-8.387 16.416-25.452 27.66-45.158 27.66c-27.998 0-50.696-22.698-50.696-50.697c0-20.597 12.285-38.31 29.921-46.246V76.144a62.5 62.5 0 0 0-9.26 4.082q-.001-.003-.013-.015L71.816 64.55a1.62 1.62 0 0 0-1.055-.257z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#1d99f3" d="M256 0v256H0V0z"/><path fill="#fcfcfc" d="m143.025 32.309l-31.88 3.052v131.27l31.543-4.748v-55.968l42.4 62.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061 56.305zM70.762 64.298c-.36.037-.708.196-.978.467l-12.512 12.51a1.62 1.62 0 0 0-.238 1.985l14.65 24.127a62.6 62.6 0 0 0-6.17 14.046l-26.893 5.593a1.62 1.62 0 0 0-1.288 1.586v17.693c0 .748.512 1.396 1.233 1.57l26.103 6.38a62.5 62.5 0 0 0 6.4 16.223l-15.109 23.04a1.62 1.62 0 0 0 .211 2.034l12.508 12.51a1.63 1.63 0 0 0 1.989.242l23.676-14.38a62.6 62.6 0 0 0 14.967 6.228l5.524 26.56c.156.753.82 1.288 1.584 1.288h17.694c.744 0 1.393-.508 1.57-1.238l6.507-26.615a62.4 62.4 0 0 0 15.397-6.478l23.332 15.298c.641.423 1.49.338 2.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95 0 0 1-1.077-.373l-12.449-18.222c-8.387 16.416-25.452 27.66-45.158 27.66c-27.998 0-50.696-22.698-50.696-50.697c0-20.597 12.285-38.31 29.921-46.246V76.144a62.5 62.5 0 0 0-9.26 4.082q-.001-.003-.013-.015L71.816 64.55a1.62 1.62 0 0 0-1.055-.257z"/></svg> </template>
CSS
.icon-kde {
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%20256%20256%22%3E%3Cpath%20fill%3D%22%231d99f3%22%20d%3D%22M256%200v256H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23fcfcfc%22%20d%3D%22m143.025%2032.309l-31.88%203.052v131.27l31.543-4.748v-55.968l42.4%2062.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061%2056.305zM70.762%2064.298c-.36.037-.708.196-.978.467l-12.512%2012.51a1.62%201.62%200%200%200-.238%201.985l14.65%2024.127a62.6%2062.6%200%200%200-6.17%2014.046l-26.893%205.593a1.62%201.62%200%200%200-1.288%201.586v17.693c0%20.748.512%201.396%201.233%201.57l26.103%206.38a62.5%2062.5%200%200%200%206.4%2016.223l-15.109%2023.04a1.62%201.62%200%200%200%20.211%202.034l12.508%2012.51a1.63%201.63%200%200%200%201.989.242l23.676-14.38a62.6%2062.6%200%200%200%2014.967%206.228l5.524%2026.56c.156.753.82%201.288%201.584%201.288h17.694c.744%200%201.393-.508%201.57-1.238l6.507-26.615a62.4%2062.4%200%200%200%2015.397-6.478l23.332%2015.298c.641.423%201.49.338%202.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95%200%200%201-1.077-.373l-12.449-18.222c-8.387%2016.416-25.452%2027.66-45.158%2027.66c-27.998%200-50.696-22.698-50.696-50.697c0-20.597%2012.285-38.31%2029.921-46.246V76.144a62.5%2062.5%200%200%200-9.26%204.082q-.001-.003-.013-.015L71.816%2064.55a1.62%201.62%200%200%200-1.055-.257z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%231d99f3%22%20d%3D%22M256%200v256H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23fcfcfc%22%20d%3D%22m143.025%2032.309l-31.88%203.052v131.27l31.543-4.748v-55.968l42.4%2062.076l33.239-10.518l-43.416-59.698l43.756-56.308l-33.917-7.798l-42.061%2056.305zM70.762%2064.298c-.36.037-.708.196-.978.467l-12.512%2012.51a1.62%201.62%200%200%200-.238%201.985l14.65%2024.127a62.6%2062.6%200%200%200-6.17%2014.046l-26.893%205.593a1.62%201.62%200%200%200-1.288%201.586v17.693c0%20.748.512%201.396%201.233%201.57l26.103%206.38a62.5%2062.5%200%200%200%206.4%2016.223l-15.109%2023.04a1.62%201.62%200%200%200%20.211%202.034l12.508%2012.51a1.63%201.63%200%200%200%201.989.242l23.676-14.38a62.6%2062.6%200%200%200%2014.967%206.228l5.524%2026.56c.156.753.82%201.288%201.584%201.288h17.694c.744%200%201.393-.508%201.57-1.238l6.507-26.615a62.4%2062.4%200%200%200%2015.397-6.478l23.332%2015.298c.641.423%201.49.338%202.034-.206l12.512-12.51c.53-.529.625-1.347.236-1.984l-8.518-14.037l-2.755.871a.95.95%200%200%201-1.077-.373l-12.449-18.222c-8.387%2016.416-25.452%2027.66-45.158%2027.66c-27.998%200-50.696-22.698-50.696-50.697c0-20.597%2012.285-38.31%2029.921-46.246V76.144a62.5%2062.5%200%200%200-9.26%204.082q-.001-.003-.013-.015L71.816%2064.55a1.62%201.62%200%200%200-1.055-.257z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/kde.svg?color=%231a73e8&size=48
