IconSearch logoIconsearch
Home/Libraries/CoreUI Brands (Iconify)/brave
← Back to Search
CoreUI Brands (Iconify)

Brave

License: CC0-1.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="m28.823 8.036l.833 2.38a.7.7 0 0 1 .016.387l-.036.129l-.095.365l-.344 1.307l-1.041 3.964a2075 2075 0 0 0-1.484 5.677c-.703 2.781-1.26 3.749-3.057 5.02c-1.584 1.115-4.875 3.355-5.505 3.751l-.219.14l-.251.172a5.3 5.3 0 0 1-.76.453c-.301.14-.588.219-.88.219s-.579-.079-.88-.219a5.4 5.4 0 0 1-.76-.453l-.251-.172l-.219-.14c-.631-.396-3.921-2.636-5.505-3.751c-1.797-1.271-2.355-2.239-3.057-5.02c-.131-.511-.667-2.563-1.479-5.657l-1.047-3.984l-.339-1.307l-.1-.365l-.031-.129a.62.62 0 0 1 .016-.387l.828-2.38L2.551 6.5a.67.67 0 0 1 .131-.697l.161-.172c.129-.141.276-.292.443-.464c.459-.484.943-.984 1.432-1.473c.469-.469 1.099-.724 1.833-.808a6 6 0 0 1 1.849.088L10.816.225a.65.65 0 0 1 .495-.224h9.381c.192 0 .369.079.495.224l2.416 2.749a6 6 0 0 1 1.849-.088c.735.084 1.364.339 1.833.808c.672.676 1.339 1.369 1.995 2.061c.213.235.265.505.167.745l-.62 1.536zm-1.323.199a.65.65 0 0 1 .016-.464l.557-1.375l-.303-.317a81 81 0 0 0-1.416-1.453q-.354-.345-1.057-.432a5 5 0 0 0-1.376.061c-.109.021-.203.043-.285.057l-.095.027a.66.66 0 0 1-.672-.203l-2.473-2.819h-8.792L9.131 4.136a.66.66 0 0 1-.672.203a5 5 0 0 0-1.756-.145c-.463.057-.823.203-1.057.432a92 92 0 0 0-1.713 1.771l.557 1.375a.68.68 0 0 1 .011.464l-.844 2.427l.079.303l.344 1.301l1.041 3.969q.75 2.844 1.484 5.687c.631 2.505 1.032 3.204 2.541 4.272c1.563 1.099 4.839 3.323 5.443 3.708c.079.047.157.099.261.167l.244.172c.256.172.428.276.584.348c.14.068.249.095.323.095a.8.8 0 0 0 .323-.095c.161-.072.328-.176.584-.348l.249-.172c.099-.068.183-.12.256-.167c.609-.38 3.885-2.609 5.443-3.708c1.509-1.068 1.911-1.767 2.547-4.272c.129-.515.667-2.567 1.479-5.667l1.047-3.989l.344-1.301l.079-.303l-.844-2.427zm-4.885-2.604s3.437 4.172 3.437 5.063s-.432 1.124-.864 1.588l-2.579 2.749c-.245.261-.749.652-.453 1.36c.297.708.74 1.615.251 2.527c-.489.916-1.333 1.531-1.871 1.427c-.536-.099-1.796-.765-2.265-1.063c-.464-.303-1.932-1.527-1.932-1.989c0-.469 1.521-1.303 1.801-1.495c.281-.188 1.563-.928 1.589-1.213c.025-.287.016-.376-.365-1.089c-.375-.713-1.057-1.667-.943-2.297c.109-.635 1.209-.963 1.995-1.26c.781-.297 2.292-.859 2.485-.948c.187-.088.135-.172-.432-.224c-.573-.057-2.193-.271-2.928-.068c-.729.209-1.979.516-2.077.683c-.1.167-.193.172-.089.74s.641 3.301.693 3.787c.052.484.151.801-.371.921c-.52.125-1.395.328-1.697.328s-1.177-.208-1.697-.328c-.521-.12-.423-.437-.371-.921s.589-3.219.693-3.787s.011-.573-.089-.74c-.104-.167-1.348-.473-2.077-.683c-.735-.203-2.355.016-2.928.068c-.567.052-.619.136-.432.224c.193.089 1.704.651 2.485.948c.785.297 1.885.625 1.995 1.26c.115.631-.568 1.584-.943 2.297c-.381.713-.391.803-.365 1.089c.027.291 1.308 1.025 1.589 1.213c.28.192 1.801 1.025 1.801 1.495c0 .468-1.468 1.681-1.932 1.989c-.469.303-1.729.964-2.265 1.063c-.537.104-1.381-.511-1.871-1.427c-.489-.912-.047-1.819.251-2.527c.301-.708-.208-1.099-.453-1.36l-2.579-2.749c-.432-.464-.864-.697-.864-1.588s3.437-5.063 3.437-5.063s2.901.557 3.292.557s1.24-.328 2.02-.589c.781-.26 1.303-.265 1.303-.265s.521.005 1.303.265c.785.261 1.629.589 2.02.589s3.292-.557 3.292-.557m-2.579 15.953c.215.135.084.385-.109.52c-.192.141-2.796 2.161-3.052 2.385c-.249.224-.62.593-.875.593s-.625-.369-.875-.593c-.256-.224-2.86-2.244-3.052-2.385c-.193-.135-.324-.385-.109-.52c.213-.131.875-.469 1.796-.948c.917-.48 2.063-.881 2.24-.881s1.323.401 2.24.881c.921.479 1.583.817 1.796.948"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BraveIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in CoreUI Brands (Iconify)

Browse all CoreUI Brands (Iconify) icons →
500px
500px
500px-5
500px-5
about-me
about-me
abstract
abstract
acm
acm
addthis
addthis
adguard
adguard
adobe
adobe
adobe-acrobat-reader
adobe-acrobat-reader
adobe-after-effects
adobe-after-effects
adobe-audition
adobe-audition
adobe-creative-cloud
adobe-creative-cloud