kolors logo
kolors from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- kolors
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the kolors logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.79 1.016c2.021-.047 4.268-.006 6.3.332 2.447.407 4.479 2.209 5.279 4.533.192.56.338 1.343.44 2.346.285 2.845.268 5.852-.164 8.804-.424 2.888-2.85 5.213-5.71 5.65-.79.12-1.889.227-3.294.319h-3.15c-1.49-.075-2.697-.19-3.621-.347-1.166-.198-2.234-.713-3.205-1.547C2.377 20 1.602 18.603 1.342 16.918a32.025 32.025 0 01-.24-2.151c-.124-1.505-.121-3.302-.063-4.64.044-1.033.146-2.073.307-3.121.366-2.383 1.996-4.383 4.26-5.293.647-.26 1.502-.44 2.562-.536a38.17 38.17 0 012.621-.161zm-.426 2.497c-1.003-.28-1.965-.39-2.843-.32a5.54 5.54 0 00-1.3.252c-1.465.48-2.467 1.57-2.851 3.099-.213.845-.23 1.804-.053 2.831.173 1.002.529 2.053 1.052 3.101 1.092 2.192 2.854 4.26 4.942 5.803.93.687 1.903 1.254 2.88 1.677 1.124.486 2.233.774 3.268.85.848.06 1.635-.023 2.332-.248 1.038-.335 1.852-.977 2.376-1.874.398-.68.623-1.494.663-2.405l.004-.101a7.543 7.543 0 000-.449l-.007-.129c-.045-.879-.247-1.816-.599-2.775a13.975 13.975 0 00-1.571-3.021 16.964 16.964 0 00-4.936-4.768c-1.108-.695-2.248-1.212-3.357-1.523z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubKolors(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" fillRule="evenodd" d="M10.79 1.016c2.021-.047 4.268-.006 6.3.332 2.447.407 4.479 2.209 5.279 4.533.192.56.338 1.343.44 2.346.285 2.845.268 5.852-.164 8.804-.424 2.888-2.85 5.213-5.71 5.65-.79.12-1.889.227-3.294.319h-3.15c-1.49-.075-2.697-.19-3.621-.347-1.166-.198-2.234-.713-3.205-1.547C2.377 20 1.602 18.603 1.342 16.918a32.025 32.025 0 01-.24-2.151c-.124-1.505-.121-3.302-.063-4.64.044-1.033.146-2.073.307-3.121.366-2.383 1.996-4.383 4.26-5.293.647-.26 1.502-.44 2.562-.536a38.17 38.17 0 012.621-.161zm-.426 2.497c-1.003-.28-1.965-.39-2.843-.32a5.54 5.54 0 00-1.3.252c-1.465.48-2.467 1.57-2.851 3.099-.213.845-.23 1.804-.053 2.831.173 1.002.529 2.053 1.052 3.101 1.092 2.192 2.854 4.26 4.942 5.803.93.687 1.903 1.254 2.88 1.677 1.124.486 2.233.774 3.268.85.848.06 1.635-.023 2.332-.248 1.038-.335 1.852-.977 2.376-1.874.398-.68.623-1.494.663-2.405l.004-.101a7.543 7.543 0 000-.449l-.007-.129c-.045-.879-.247-1.816-.599-2.775a13.975 13.975 0 00-1.571-3.021 16.964 16.964 0 00-4.936-4.768c-1.108-.695-2.248-1.212-3.357-1.523z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.79 1.016c2.021-.047 4.268-.006 6.3.332 2.447.407 4.479 2.209 5.279 4.533.192.56.338 1.343.44 2.346.285 2.845.268 5.852-.164 8.804-.424 2.888-2.85 5.213-5.71 5.65-.79.12-1.889.227-3.294.319h-3.15c-1.49-.075-2.697-.19-3.621-.347-1.166-.198-2.234-.713-3.205-1.547C2.377 20 1.602 18.603 1.342 16.918a32.025 32.025 0 01-.24-2.151c-.124-1.505-.121-3.302-.063-4.64.044-1.033.146-2.073.307-3.121.366-2.383 1.996-4.383 4.26-5.293.647-.26 1.502-.44 2.562-.536a38.17 38.17 0 012.621-.161zm-.426 2.497c-1.003-.28-1.965-.39-2.843-.32a5.54 5.54 0 00-1.3.252c-1.465.48-2.467 1.57-2.851 3.099-.213.845-.23 1.804-.053 2.831.173 1.002.529 2.053 1.052 3.101 1.092 2.192 2.854 4.26 4.942 5.803.93.687 1.903 1.254 2.88 1.677 1.124.486 2.233.774 3.268.85.848.06 1.635-.023 2.332-.248 1.038-.335 1.852-.977 2.376-1.874.398-.68.623-1.494.663-2.405l.004-.101a7.543 7.543 0 000-.449l-.007-.129c-.045-.879-.247-1.816-.599-2.775a13.975 13.975 0 00-1.571-3.021 16.964 16.964 0 00-4.936-4.768c-1.108-.695-2.248-1.212-3.357-1.523z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-kolors {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M10.79%201.016c2.021-.047%204.268-.006%206.3.332%202.447.407%204.479%202.209%205.279%204.533.192.56.338%201.343.44%202.346.285%202.845.268%205.852-.164%208.804-.424%202.888-2.85%205.213-5.71%205.65-.79.12-1.889.227-3.294.319h-3.15c-1.49-.075-2.697-.19-3.621-.347-1.166-.198-2.234-.713-3.205-1.547C2.377%2020%201.602%2018.603%201.342%2016.918a32.025%2032.025%200%2001-.24-2.151c-.124-1.505-.121-3.302-.063-4.64.044-1.033.146-2.073.307-3.121.366-2.383%201.996-4.383%204.26-5.293.647-.26%201.502-.44%202.562-.536a38.17%2038.17%200%20012.621-.161zm-.426%202.497c-1.003-.28-1.965-.39-2.843-.32a5.54%205.54%200%2000-1.3.252c-1.465.48-2.467%201.57-2.851%203.099-.213.845-.23%201.804-.053%202.831.173%201.002.529%202.053%201.052%203.101%201.092%202.192%202.854%204.26%204.942%205.803.93.687%201.903%201.254%202.88%201.677%201.124.486%202.233.774%203.268.85.848.06%201.635-.023%202.332-.248%201.038-.335%201.852-.977%202.376-1.874.398-.68.623-1.494.663-2.405l.004-.101a7.543%207.543%200%20000-.449l-.007-.129c-.045-.879-.247-1.816-.599-2.775a13.975%2013.975%200%2000-1.571-3.021%2016.964%2016.964%200%2000-4.936-4.768c-1.108-.695-2.248-1.212-3.357-1.523z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M10.79%201.016c2.021-.047%204.268-.006%206.3.332%202.447.407%204.479%202.209%205.279%204.533.192.56.338%201.343.44%202.346.285%202.845.268%205.852-.164%208.804-.424%202.888-2.85%205.213-5.71%205.65-.79.12-1.889.227-3.294.319h-3.15c-1.49-.075-2.697-.19-3.621-.347-1.166-.198-2.234-.713-3.205-1.547C2.377%2020%201.602%2018.603%201.342%2016.918a32.025%2032.025%200%2001-.24-2.151c-.124-1.505-.121-3.302-.063-4.64.044-1.033.146-2.073.307-3.121.366-2.383%201.996-4.383%204.26-5.293.647-.26%201.502-.44%202.562-.536a38.17%2038.17%200%20012.621-.161zm-.426%202.497c-1.003-.28-1.965-.39-2.843-.32a5.54%205.54%200%2000-1.3.252c-1.465.48-2.467%201.57-2.851%203.099-.213.845-.23%201.804-.053%202.831.173%201.002.529%202.053%201.052%203.101%201.092%202.192%202.854%204.26%204.942%205.803.93.687%201.903%201.254%202.88%201.677%201.124.486%202.233.774%203.268.85.848.06%201.635-.023%202.332-.248%201.038-.335%201.852-.977%202.376-1.874.398-.68.623-1.494.663-2.405l.004-.101a7.543%207.543%200%20000-.449l-.007-.129c-.045-.879-.247-1.816-.599-2.775a13.975%2013.975%200%2000-1.571-3.021%2016.964%2016.964%200%2000-4.936-4.768c-1.108-.695-2.248-1.212-3.357-1.523z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/kolors.svg?color=%231a73e8&size=48
