This study aimed to screen an effective flavonoid with promising whitening and antioxidant capacities, and design flavonoid-loaded niosomes to improve its solubility, stability, and penetration. In vitro anti-tyrosinase and 1,1-diphenyl-2-picrylhydrazyl (DPPH) free radical scavenging experiments were conducted to investigate the whitening and antioxidant capacities of several flavonoids, including quercetin, morin, festin, myricetin, rutin, and breviscapine. The conductivity, viscosity, and particle size of Span60-RH40-based formulation of nonionic surfactant vesicles (niosomes) with different mass ratios were studied to determine the most appropriate formulation. Drug-loaded niosomes were characterized for size, zeta potential, morphology, and entrapment efficiency. The photostability, solubility, release behavior, ex vivo drug penetration, and skin retention were also studied. The results showed that quercetin has considerable whitening and antioxidant capacities and Span60-RH40 at a mass ratio of 9:11 forms spherical or oval niosomes of 97.6 ± 3.1 nm with a zeta potential range of 31.1 ± 0.9 mV, and drug entrapment efficiency as high as 87.3 ± 1.6%. Niosomes remarkably improved the solubility and photostability of quercetin. Furthermore, compared to quercetin solution, quercetin-niosomes had the advantages of sustained release and improved transdermal penetration, with skin retention 2.95 times higher than quercetin solution.