circle navigation icon
circle-navigation-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.
- Name
- circle-navigation-duotone
- Set
- Keyline Icons
- Style
- Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
circle-activitycircle-alertcircle-align-offset-bottomcircle-align-offset-leftcircle-align-offset-rightcircle-align-offset-topcircle-arrow-downcircle-arrow-down-leftcircle-arrow-down-rightcircle-arrow-leftcircle-arrow-rightcircle-arrow-u-turn-leftcircle-arrow-u-turn-rightcircle-arrow-upcircle-arrow-up-leftcircle-arrow-up-rightcircle-bar-chartcircle-bar-chart-2circle-bar-chart-2-downcircle-bar-chart-2-horizontal-endcircle-bar-chart-2-horizontal-startcircle-bar-chart-downcircle-bar-chart-horizontal-endcircle-bar-chart-horizontal-start
Use the circle navigation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 19C21.2982 17.269 22 15.1637 22 13C22 7.4772 17.5229 3 12 3C6.4772 3 2 7.4772 2 13C2 15.1637 2.7018 17.269 4 19"/><path fill="currentColor" fill-opacity=".4" d="M12.0655 12.0011C12.3196 12.0095 12.5725 12.0669 12.8086 12.173C12.8872 12.2083 12.9638 12.249 13.0381 12.2951C13.1123 12.3411 13.1841 12.3925 13.253 12.4494C13.3222 12.5065 13.3886 12.5688 13.4512 12.6369C13.5448 12.7386 13.6304 12.8526 13.7061 12.9787C13.7313 13.0206 13.7554 13.0639 13.7784 13.1086L16.7578 18.9074C16.7835 18.9572 16.8068 19.0074 16.8282 19.0578C17.0203 19.5109 17.0427 19.9817 16.9385 20.4084C16.9038 20.5507 16.8552 20.6883 16.794 20.8185C16.7532 20.9053 16.7067 20.9888 16.6553 21.0685C16.6296 21.1083 16.6024 21.147 16.5743 21.1847C16.5458 21.223 16.5158 21.2605 16.4844 21.297C16.046 21.8073 15.334 22.1327 14.5489 21.9494C14.4929 21.9363 14.4365 21.9208 14.3799 21.9025L12 21.13L9.6211 21.9025C9.5645 21.9208 9.5072 21.9363 9.4512 21.9494C8.6661 22.1326 7.9541 21.8073 7.5157 21.297C7.4843 21.2605 7.4543 21.223 7.4258 21.1847C7.3977 21.147 7.3704 21.1083 7.3448 21.0685C7.2934 20.9888 7.2469 20.9053 7.2061 20.8185C7.1448 20.6883 7.0963 20.5507 7.0616 20.4084C6.9574 19.9817 6.9798 19.5109 7.1719 19.0578C7.1933 19.0074 7.2166 18.9572 7.2422 18.9074L10.2217 13.1086L10.2969 12.9748C10.3223 12.9328 10.3485 12.892 10.376 12.8527C10.4309 12.7743 10.4903 12.7016 10.5528 12.6339C10.6152 12.5664 10.6811 12.5042 10.7501 12.4474C11.0609 12.1916 11.4319 12.0452 11.8116 12.0089C11.896 12.0009 11.9808 11.9984 12.0655 12.0011Z" stroke="none"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCircleNavigationDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M20 19C21.2982 17.269 22 15.1637 22 13C22 7.4772 17.5229 3 12 3C6.4772 3 2 7.4772 2 13C2 15.1637 2.7018 17.269 4 19"/><path fill="currentColor" fillOpacity=".4" d="M12.0655 12.0011C12.3196 12.0095 12.5725 12.0669 12.8086 12.173C12.8872 12.2083 12.9638 12.249 13.0381 12.2951C13.1123 12.3411 13.1841 12.3925 13.253 12.4494C13.3222 12.5065 13.3886 12.5688 13.4512 12.6369C13.5448 12.7386 13.6304 12.8526 13.7061 12.9787C13.7313 13.0206 13.7554 13.0639 13.7784 13.1086L16.7578 18.9074C16.7835 18.9572 16.8068 19.0074 16.8282 19.0578C17.0203 19.5109 17.0427 19.9817 16.9385 20.4084C16.9038 20.5507 16.8552 20.6883 16.794 20.8185C16.7532 20.9053 16.7067 20.9888 16.6553 21.0685C16.6296 21.1083 16.6024 21.147 16.5743 21.1847C16.5458 21.223 16.5158 21.2605 16.4844 21.297C16.046 21.8073 15.334 22.1327 14.5489 21.9494C14.4929 21.9363 14.4365 21.9208 14.3799 21.9025L12 21.13L9.6211 21.9025C9.5645 21.9208 9.5072 21.9363 9.4512 21.9494C8.6661 22.1326 7.9541 21.8073 7.5157 21.297C7.4843 21.2605 7.4543 21.223 7.4258 21.1847C7.3977 21.147 7.3704 21.1083 7.3448 21.0685C7.2934 20.9888 7.2469 20.9053 7.2061 20.8185C7.1448 20.6883 7.0963 20.5507 7.0616 20.4084C6.9574 19.9817 6.9798 19.5109 7.1719 19.0578C7.1933 19.0074 7.2166 18.9572 7.2422 18.9074L10.2217 13.1086L10.2969 12.9748C10.3223 12.9328 10.3485 12.892 10.376 12.8527C10.4309 12.7743 10.4903 12.7016 10.5528 12.6339C10.6152 12.5664 10.6811 12.5042 10.7501 12.4474C11.0609 12.1916 11.4319 12.0452 11.8116 12.0089C11.896 12.0009 11.9808 11.9984 12.0655 12.0011Z" stroke="none"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M20 19C21.2982 17.269 22 15.1637 22 13C22 7.4772 17.5229 3 12 3C6.4772 3 2 7.4772 2 13C2 15.1637 2.7018 17.269 4 19"/><path fill="currentColor" fill-opacity=".4" d="M12.0655 12.0011C12.3196 12.0095 12.5725 12.0669 12.8086 12.173C12.8872 12.2083 12.9638 12.249 13.0381 12.2951C13.1123 12.3411 13.1841 12.3925 13.253 12.4494C13.3222 12.5065 13.3886 12.5688 13.4512 12.6369C13.5448 12.7386 13.6304 12.8526 13.7061 12.9787C13.7313 13.0206 13.7554 13.0639 13.7784 13.1086L16.7578 18.9074C16.7835 18.9572 16.8068 19.0074 16.8282 19.0578C17.0203 19.5109 17.0427 19.9817 16.9385 20.4084C16.9038 20.5507 16.8552 20.6883 16.794 20.8185C16.7532 20.9053 16.7067 20.9888 16.6553 21.0685C16.6296 21.1083 16.6024 21.147 16.5743 21.1847C16.5458 21.223 16.5158 21.2605 16.4844 21.297C16.046 21.8073 15.334 22.1327 14.5489 21.9494C14.4929 21.9363 14.4365 21.9208 14.3799 21.9025L12 21.13L9.6211 21.9025C9.5645 21.9208 9.5072 21.9363 9.4512 21.9494C8.6661 22.1326 7.9541 21.8073 7.5157 21.297C7.4843 21.2605 7.4543 21.223 7.4258 21.1847C7.3977 21.147 7.3704 21.1083 7.3448 21.0685C7.2934 20.9888 7.2469 20.9053 7.2061 20.8185C7.1448 20.6883 7.0963 20.5507 7.0616 20.4084C6.9574 19.9817 6.9798 19.5109 7.1719 19.0578C7.1933 19.0074 7.2166 18.9572 7.2422 18.9074L10.2217 13.1086L10.2969 12.9748C10.3223 12.9328 10.3485 12.892 10.376 12.8527C10.4309 12.7743 10.4903 12.7016 10.5528 12.6339C10.6152 12.5664 10.6811 12.5042 10.7501 12.4474C11.0609 12.1916 11.4319 12.0452 11.8116 12.0089C11.896 12.0009 11.9808 11.9984 12.0655 12.0011Z" stroke="none"/></g></svg> </template>
CSS
.icon-circle-navigation-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2019C21.2982%2017.269%2022%2015.1637%2022%2013C22%207.4772%2017.5229%203%2012%203C6.4772%203%202%207.4772%202%2013C2%2015.1637%202.7018%2017.269%204%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.0655%2012.0011C12.3196%2012.0095%2012.5725%2012.0669%2012.8086%2012.173C12.8872%2012.2083%2012.9638%2012.249%2013.0381%2012.2951C13.1123%2012.3411%2013.1841%2012.3925%2013.253%2012.4494C13.3222%2012.5065%2013.3886%2012.5688%2013.4512%2012.6369C13.5448%2012.7386%2013.6304%2012.8526%2013.7061%2012.9787C13.7313%2013.0206%2013.7554%2013.0639%2013.7784%2013.1086L16.7578%2018.9074C16.7835%2018.9572%2016.8068%2019.0074%2016.8282%2019.0578C17.0203%2019.5109%2017.0427%2019.9817%2016.9385%2020.4084C16.9038%2020.5507%2016.8552%2020.6883%2016.794%2020.8185C16.7532%2020.9053%2016.7067%2020.9888%2016.6553%2021.0685C16.6296%2021.1083%2016.6024%2021.147%2016.5743%2021.1847C16.5458%2021.223%2016.5158%2021.2605%2016.4844%2021.297C16.046%2021.8073%2015.334%2022.1327%2014.5489%2021.9494C14.4929%2021.9363%2014.4365%2021.9208%2014.3799%2021.9025L12%2021.13L9.6211%2021.9025C9.5645%2021.9208%209.5072%2021.9363%209.4512%2021.9494C8.6661%2022.1326%207.9541%2021.8073%207.5157%2021.297C7.4843%2021.2605%207.4543%2021.223%207.4258%2021.1847C7.3977%2021.147%207.3704%2021.1083%207.3448%2021.0685C7.2934%2020.9888%207.2469%2020.9053%207.2061%2020.8185C7.1448%2020.6883%207.0963%2020.5507%207.0616%2020.4084C6.9574%2019.9817%206.9798%2019.5109%207.1719%2019.0578C7.1933%2019.0074%207.2166%2018.9572%207.2422%2018.9074L10.2217%2013.1086L10.2969%2012.9748C10.3223%2012.9328%2010.3485%2012.892%2010.376%2012.8527C10.4309%2012.7743%2010.4903%2012.7016%2010.5528%2012.6339C10.6152%2012.5664%2010.6811%2012.5042%2010.7501%2012.4474C11.0609%2012.1916%2011.4319%2012.0452%2011.8116%2012.0089C11.896%2012.0009%2011.9808%2011.9984%2012.0655%2012.0011Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M20%2019C21.2982%2017.269%2022%2015.1637%2022%2013C22%207.4772%2017.5229%203%2012%203C6.4772%203%202%207.4772%202%2013C2%2015.1637%202.7018%2017.269%204%2019%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M12.0655%2012.0011C12.3196%2012.0095%2012.5725%2012.0669%2012.8086%2012.173C12.8872%2012.2083%2012.9638%2012.249%2013.0381%2012.2951C13.1123%2012.3411%2013.1841%2012.3925%2013.253%2012.4494C13.3222%2012.5065%2013.3886%2012.5688%2013.4512%2012.6369C13.5448%2012.7386%2013.6304%2012.8526%2013.7061%2012.9787C13.7313%2013.0206%2013.7554%2013.0639%2013.7784%2013.1086L16.7578%2018.9074C16.7835%2018.9572%2016.8068%2019.0074%2016.8282%2019.0578C17.0203%2019.5109%2017.0427%2019.9817%2016.9385%2020.4084C16.9038%2020.5507%2016.8552%2020.6883%2016.794%2020.8185C16.7532%2020.9053%2016.7067%2020.9888%2016.6553%2021.0685C16.6296%2021.1083%2016.6024%2021.147%2016.5743%2021.1847C16.5458%2021.223%2016.5158%2021.2605%2016.4844%2021.297C16.046%2021.8073%2015.334%2022.1327%2014.5489%2021.9494C14.4929%2021.9363%2014.4365%2021.9208%2014.3799%2021.9025L12%2021.13L9.6211%2021.9025C9.5645%2021.9208%209.5072%2021.9363%209.4512%2021.9494C8.6661%2022.1326%207.9541%2021.8073%207.5157%2021.297C7.4843%2021.2605%207.4543%2021.223%207.4258%2021.1847C7.3977%2021.147%207.3704%2021.1083%207.3448%2021.0685C7.2934%2020.9888%207.2469%2020.9053%207.2061%2020.8185C7.1448%2020.6883%207.0963%2020.5507%207.0616%2020.4084C6.9574%2019.9817%206.9798%2019.5109%207.1719%2019.0578C7.1933%2019.0074%207.2166%2018.9572%207.2422%2018.9074L10.2217%2013.1086L10.2969%2012.9748C10.3223%2012.9328%2010.3485%2012.892%2010.376%2012.8527C10.4309%2012.7743%2010.4903%2012.7016%2010.5528%2012.6339C10.6152%2012.5664%2010.6811%2012.5042%2010.7501%2012.4474C11.0609%2012.1916%2011.4319%2012.0452%2011.8116%2012.0089C11.896%2012.0009%2011.9808%2011.9984%2012.0655%2012.0011Z%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/circle-navigation-duotone.svg?color=%231a73e8&size=48
