naiveui logo
naiveui from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- naiveui
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×312
- License
- CC0
Use the naiveui logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 312"><path fill="#4c9717" d="M181.252 154.622c.173-1.039.268-2.09.283-3.143v98.197l-51.453-47.052l-25.886-23.607l-15.582-14.324l-6.927-6.323l-2.552-2.33l-.185-.16c-.629-.506-1.233-1.036-1.812-1.517c-.58-.48-1.085-.9-1.775-.69a1.54 1.54 0 0 0-.974 1.11V62.33l.53.481l10.564 9.553c5.56 4.931 11.169 9.862 16.716 14.793a3586 3586 0 0 1 23.594 21.326q9.306 8.456 18.589 16.937c7.396 6.743 14.693 13.56 22.09 20.253c3.328 3.008 6.68 5.954 10.046 8.912c.715.629 1.418 1.233 2.145 1.874c.5.363 1.15.447 1.726.222c.341-.19.59-.51.69-.888c.099-.468.099-.789.173-1.17"/><path fill="#5fbc21" d="M74.278 155.325c-.14 1.12-.18 2.25-.123 3.378c0 31.433 0 62.867.234 94.289v11.192a18.3 18.3 0 0 1-7.236 13.671c-8.394 7.014-16.222 14.681-24.32 22.053c-3.39 3.082-6.756 6.163-10.245 9.171s-12.462 3.378-17.43-.776a97 97 0 0 1-10.527-10.676a15.73 15.73 0 0 1-4.598-10.712c0-.887-.074-1.861 0-2.933c0-1.85 0-3.699.062-5.56c.061-5.3 0-10.613 0-15.914V89.635a15.6 15.6 0 0 1 .468-3.92c.327-1.115.74-2.203 1.233-3.255a27.3 27.3 0 0 1 2.49-4.413l19.723-19.723L36.57 45.775a9.7 9.7 0 0 1 2.268-1.7a9.9 9.9 0 0 1 3.957-1.234c4.126-.76 8.386.026 11.97 2.207c.919.56 1.781 1.209 2.576 1.935l17.048 15.31v92.453q-.076.285-.11.579m179.122 75.453l-36.229 33.283q-.213.16-.443.296l-.136.099l-.247.148a17.26 17.26 0 0 1-20.66-2.034l-2.181-1.911l-12.02-10.983V46.453a64 64 0 0 1 .827-5.103c.863-4.376 4.709-6.546 7.642-9.282c6.373-5.917 12.944-11.612 19.44-17.406c4.475-3.994 8.937-8 13.449-11.97c3.932-3.463 11.55-3.29 15.248-1.146a12.4 12.4 0 0 1 2.564 1.985l4.167 4.018l3.365 3.218l3.07 2.97a14 14 0 0 1 2.194 2.577a14.46 14.46 0 0 1 2.095 7.963c-.061 18.071.074 36.143.111 54.239q.111 46.041.197 92.082q0 23.594.087 47.175v2.158c.185 4.684.086 7.778-2.54 10.847"/></svg>
React
import type { SVGProps } from "react";
export function LogosNaiveui(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 312"><path fill="#4c9717" d="M181.252 154.622c.173-1.039.268-2.09.283-3.143v98.197l-51.453-47.052l-25.886-23.607l-15.582-14.324l-6.927-6.323l-2.552-2.33l-.185-.16c-.629-.506-1.233-1.036-1.812-1.517c-.58-.48-1.085-.9-1.775-.69a1.54 1.54 0 0 0-.974 1.11V62.33l.53.481l10.564 9.553c5.56 4.931 11.169 9.862 16.716 14.793a3586 3586 0 0 1 23.594 21.326q9.306 8.456 18.589 16.937c7.396 6.743 14.693 13.56 22.09 20.253c3.328 3.008 6.68 5.954 10.046 8.912c.715.629 1.418 1.233 2.145 1.874c.5.363 1.15.447 1.726.222c.341-.19.59-.51.69-.888c.099-.468.099-.789.173-1.17"/><path fill="#5fbc21" d="M74.278 155.325c-.14 1.12-.18 2.25-.123 3.378c0 31.433 0 62.867.234 94.289v11.192a18.3 18.3 0 0 1-7.236 13.671c-8.394 7.014-16.222 14.681-24.32 22.053c-3.39 3.082-6.756 6.163-10.245 9.171s-12.462 3.378-17.43-.776a97 97 0 0 1-10.527-10.676a15.73 15.73 0 0 1-4.598-10.712c0-.887-.074-1.861 0-2.933c0-1.85 0-3.699.062-5.56c.061-5.3 0-10.613 0-15.914V89.635a15.6 15.6 0 0 1 .468-3.92c.327-1.115.74-2.203 1.233-3.255a27.3 27.3 0 0 1 2.49-4.413l19.723-19.723L36.57 45.775a9.7 9.7 0 0 1 2.268-1.7a9.9 9.9 0 0 1 3.957-1.234c4.126-.76 8.386.026 11.97 2.207c.919.56 1.781 1.209 2.576 1.935l17.048 15.31v92.453q-.076.285-.11.579m179.122 75.453l-36.229 33.283q-.213.16-.443.296l-.136.099l-.247.148a17.26 17.26 0 0 1-20.66-2.034l-2.181-1.911l-12.02-10.983V46.453a64 64 0 0 1 .827-5.103c.863-4.376 4.709-6.546 7.642-9.282c6.373-5.917 12.944-11.612 19.44-17.406c4.475-3.994 8.937-8 13.449-11.97c3.932-3.463 11.55-3.29 15.248-1.146a12.4 12.4 0 0 1 2.564 1.985l4.167 4.018l3.365 3.218l3.07 2.97a14 14 0 0 1 2.194 2.577a14.46 14.46 0 0 1 2.095 7.963c-.061 18.071.074 36.143.111 54.239q.111 46.041.197 92.082q0 23.594.087 47.175v2.158c.185 4.684.086 7.778-2.54 10.847"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 312"><path fill="#4c9717" d="M181.252 154.622c.173-1.039.268-2.09.283-3.143v98.197l-51.453-47.052l-25.886-23.607l-15.582-14.324l-6.927-6.323l-2.552-2.33l-.185-.16c-.629-.506-1.233-1.036-1.812-1.517c-.58-.48-1.085-.9-1.775-.69a1.54 1.54 0 0 0-.974 1.11V62.33l.53.481l10.564 9.553c5.56 4.931 11.169 9.862 16.716 14.793a3586 3586 0 0 1 23.594 21.326q9.306 8.456 18.589 16.937c7.396 6.743 14.693 13.56 22.09 20.253c3.328 3.008 6.68 5.954 10.046 8.912c.715.629 1.418 1.233 2.145 1.874c.5.363 1.15.447 1.726.222c.341-.19.59-.51.69-.888c.099-.468.099-.789.173-1.17"/><path fill="#5fbc21" d="M74.278 155.325c-.14 1.12-.18 2.25-.123 3.378c0 31.433 0 62.867.234 94.289v11.192a18.3 18.3 0 0 1-7.236 13.671c-8.394 7.014-16.222 14.681-24.32 22.053c-3.39 3.082-6.756 6.163-10.245 9.171s-12.462 3.378-17.43-.776a97 97 0 0 1-10.527-10.676a15.73 15.73 0 0 1-4.598-10.712c0-.887-.074-1.861 0-2.933c0-1.85 0-3.699.062-5.56c.061-5.3 0-10.613 0-15.914V89.635a15.6 15.6 0 0 1 .468-3.92c.327-1.115.74-2.203 1.233-3.255a27.3 27.3 0 0 1 2.49-4.413l19.723-19.723L36.57 45.775a9.7 9.7 0 0 1 2.268-1.7a9.9 9.9 0 0 1 3.957-1.234c4.126-.76 8.386.026 11.97 2.207c.919.56 1.781 1.209 2.576 1.935l17.048 15.31v92.453q-.076.285-.11.579m179.122 75.453l-36.229 33.283q-.213.16-.443.296l-.136.099l-.247.148a17.26 17.26 0 0 1-20.66-2.034l-2.181-1.911l-12.02-10.983V46.453a64 64 0 0 1 .827-5.103c.863-4.376 4.709-6.546 7.642-9.282c6.373-5.917 12.944-11.612 19.44-17.406c4.475-3.994 8.937-8 13.449-11.97c3.932-3.463 11.55-3.29 15.248-1.146a12.4 12.4 0 0 1 2.564 1.985l4.167 4.018l3.365 3.218l3.07 2.97a14 14 0 0 1 2.194 2.577a14.46 14.46 0 0 1 2.095 7.963c-.061 18.071.074 36.143.111 54.239q.111 46.041.197 92.082q0 23.594.087 47.175v2.158c.185 4.684.086 7.778-2.54 10.847"/></svg> </template>
CSS
.icon-naiveui {
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%20312%22%3E%3Cpath%20fill%3D%22%234c9717%22%20d%3D%22M181.252%20154.622c.173-1.039.268-2.09.283-3.143v98.197l-51.453-47.052l-25.886-23.607l-15.582-14.324l-6.927-6.323l-2.552-2.33l-.185-.16c-.629-.506-1.233-1.036-1.812-1.517c-.58-.48-1.085-.9-1.775-.69a1.54%201.54%200%200%200-.974%201.11V62.33l.53.481l10.564%209.553c5.56%204.931%2011.169%209.862%2016.716%2014.793a3586%203586%200%200%201%2023.594%2021.326q9.306%208.456%2018.589%2016.937c7.396%206.743%2014.693%2013.56%2022.09%2020.253c3.328%203.008%206.68%205.954%2010.046%208.912c.715.629%201.418%201.233%202.145%201.874c.5.363%201.15.447%201.726.222c.341-.19.59-.51.69-.888c.099-.468.099-.789.173-1.17%22%2F%3E%3Cpath%20fill%3D%22%235fbc21%22%20d%3D%22M74.278%20155.325c-.14%201.12-.18%202.25-.123%203.378c0%2031.433%200%2062.867.234%2094.289v11.192a18.3%2018.3%200%200%201-7.236%2013.671c-8.394%207.014-16.222%2014.681-24.32%2022.053c-3.39%203.082-6.756%206.163-10.245%209.171s-12.462%203.378-17.43-.776a97%2097%200%200%201-10.527-10.676a15.73%2015.73%200%200%201-4.598-10.712c0-.887-.074-1.861%200-2.933c0-1.85%200-3.699.062-5.56c.061-5.3%200-10.613%200-15.914V89.635a15.6%2015.6%200%200%201%20.468-3.92c.327-1.115.74-2.203%201.233-3.255a27.3%2027.3%200%200%201%202.49-4.413l19.723-19.723L36.57%2045.775a9.7%209.7%200%200%201%202.268-1.7a9.9%209.9%200%200%201%203.957-1.234c4.126-.76%208.386.026%2011.97%202.207c.919.56%201.781%201.209%202.576%201.935l17.048%2015.31v92.453q-.076.285-.11.579m179.122%2075.453l-36.229%2033.283q-.213.16-.443.296l-.136.099l-.247.148a17.26%2017.26%200%200%201-20.66-2.034l-2.181-1.911l-12.02-10.983V46.453a64%2064%200%200%201%20.827-5.103c.863-4.376%204.709-6.546%207.642-9.282c6.373-5.917%2012.944-11.612%2019.44-17.406c4.475-3.994%208.937-8%2013.449-11.97c3.932-3.463%2011.55-3.29%2015.248-1.146a12.4%2012.4%200%200%201%202.564%201.985l4.167%204.018l3.365%203.218l3.07%202.97a14%2014%200%200%201%202.194%202.577a14.46%2014.46%200%200%201%202.095%207.963c-.061%2018.071.074%2036.143.111%2054.239q.111%2046.041.197%2092.082q0%2023.594.087%2047.175v2.158c.185%204.684.086%207.778-2.54%2010.847%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%20312%22%3E%3Cpath%20fill%3D%22%234c9717%22%20d%3D%22M181.252%20154.622c.173-1.039.268-2.09.283-3.143v98.197l-51.453-47.052l-25.886-23.607l-15.582-14.324l-6.927-6.323l-2.552-2.33l-.185-.16c-.629-.506-1.233-1.036-1.812-1.517c-.58-.48-1.085-.9-1.775-.69a1.54%201.54%200%200%200-.974%201.11V62.33l.53.481l10.564%209.553c5.56%204.931%2011.169%209.862%2016.716%2014.793a3586%203586%200%200%201%2023.594%2021.326q9.306%208.456%2018.589%2016.937c7.396%206.743%2014.693%2013.56%2022.09%2020.253c3.328%203.008%206.68%205.954%2010.046%208.912c.715.629%201.418%201.233%202.145%201.874c.5.363%201.15.447%201.726.222c.341-.19.59-.51.69-.888c.099-.468.099-.789.173-1.17%22%2F%3E%3Cpath%20fill%3D%22%235fbc21%22%20d%3D%22M74.278%20155.325c-.14%201.12-.18%202.25-.123%203.378c0%2031.433%200%2062.867.234%2094.289v11.192a18.3%2018.3%200%200%201-7.236%2013.671c-8.394%207.014-16.222%2014.681-24.32%2022.053c-3.39%203.082-6.756%206.163-10.245%209.171s-12.462%203.378-17.43-.776a97%2097%200%200%201-10.527-10.676a15.73%2015.73%200%200%201-4.598-10.712c0-.887-.074-1.861%200-2.933c0-1.85%200-3.699.062-5.56c.061-5.3%200-10.613%200-15.914V89.635a15.6%2015.6%200%200%201%20.468-3.92c.327-1.115.74-2.203%201.233-3.255a27.3%2027.3%200%200%201%202.49-4.413l19.723-19.723L36.57%2045.775a9.7%209.7%200%200%201%202.268-1.7a9.9%209.9%200%200%201%203.957-1.234c4.126-.76%208.386.026%2011.97%202.207c.919.56%201.781%201.209%202.576%201.935l17.048%2015.31v92.453q-.076.285-.11.579m179.122%2075.453l-36.229%2033.283q-.213.16-.443.296l-.136.099l-.247.148a17.26%2017.26%200%200%201-20.66-2.034l-2.181-1.911l-12.02-10.983V46.453a64%2064%200%200%201%20.827-5.103c.863-4.376%204.709-6.546%207.642-9.282c6.373-5.917%2012.944-11.612%2019.44-17.406c4.475-3.994%208.937-8%2013.449-11.97c3.932-3.463%2011.55-3.29%2015.248-1.146a12.4%2012.4%200%200%201%202.564%201.985l4.167%204.018l3.365%203.218l3.07%202.97a14%2014%200%200%201%202.194%202.577a14.46%2014.46%200%200%201%202.095%207.963c-.061%2018.071.074%2036.143.111%2054.239q.111%2046.041.197%2092.082q0%2023.594.087%2047.175v2.158c.185%204.684.086%207.778-2.54%2010.847%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/naiveui.svg?color=%231a73e8&size=48
