brave logo
brave from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- brave
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the brave logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.68 0l2.096 2.38s1.84-.512 2.709.358c.868.87 1.584 1.638 1.584 1.638l-.562 1.381l.715 2.047s-2.104 7.98-2.35 8.955c-.486 1.919-.818 2.66-2.198 3.633a186 186 0 0 1-4.293 2.916c-.409.256-.92.692-1.38.692s-.97-.436-1.38-.692a186 186 0 0 1-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633c-.247-.975-2.351-8.955-2.351-8.955l.715-2.047l-.562-1.381s.716-.768 1.585-1.638c.868-.87 2.708-.358 2.708-.358L8.321 0h7.36zm-3.679 14.936c-.14 0-1.038.317-1.758.69s-1.242.637-1.409.742s-.065.301.087.409s2.194 1.69 2.393 1.866c.198.175.489.464.687.464s.49-.29.688-.464s2.24-1.759 2.392-1.866s.254-.305.087-.41s-.689-.368-1.41-.741c-.72-.373-1.617-.69-1.757-.69m0-11.278s-.409.001-1.022.206s-1.278.46-1.584.46s-2.581-.434-2.581-.434s-2.695 3.262-2.695 3.959s.339.881.68 1.243l2.02 2.149c.192.203.59.511.356 1.066c-.235.555-.58 1.26-.196 1.977c.384.716 1.042 1.194 1.464 1.115c.421-.08 1.412-.598 1.776-.834c.364-.237 1.518-1.19 1.518-1.554s-1.193-1.02-1.413-1.168c-.22-.15-1.226-.725-1.247-.95c-.02-.227-.012-.293.284-.851c.297-.559.831-1.304.742-1.8c-.089-.495-.95-.753-1.565-.986s-1.799-.671-1.947-.74s-.11-.133.339-.175c.448-.043 1.719-.212 2.292-.052s1.552.403 1.632.532c.079.13.149.134.067.579s-.5 2.581-.541 2.96c-.04.38-.12.63.288.724c.409.094 1.097.256 1.333.256s.924-.162 1.333-.256c.408-.093.329-.344.288-.723c-.04-.38-.46-2.516-.541-2.961s-.012-.45.067-.579c.08-.129 1.059-.372 1.632-.532s1.845.009 2.292.052c.449.042.487.107.339.175c-.148.069-1.332.508-1.947.74c-.615.233-1.476.49-1.565.986c-.09.496.445 1.241.742 1.8s.304.624.284.85s-1.026.802-1.247.95c-.22.15-1.413.804-1.413 1.169c0 .364 1.154 1.317 1.518 1.554c.364.236 1.355.755 1.776.834s1.08-.4 1.464-1.115c.384-.716.039-1.422-.195-1.977s.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243s-2.695-3.96-2.695-3.96s-2.274.436-2.58.436s-.972-.256-1.585-.461s-1.022-.206-1.022-.206"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBrave(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" d="m15.68 0l2.096 2.38s1.84-.512 2.709.358c.868.87 1.584 1.638 1.584 1.638l-.562 1.381l.715 2.047s-2.104 7.98-2.35 8.955c-.486 1.919-.818 2.66-2.198 3.633a186 186 0 0 1-4.293 2.916c-.409.256-.92.692-1.38.692s-.97-.436-1.38-.692a186 186 0 0 1-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633c-.247-.975-2.351-8.955-2.351-8.955l.715-2.047l-.562-1.381s.716-.768 1.585-1.638c.868-.87 2.708-.358 2.708-.358L8.321 0h7.36zm-3.679 14.936c-.14 0-1.038.317-1.758.69s-1.242.637-1.409.742s-.065.301.087.409s2.194 1.69 2.393 1.866c.198.175.489.464.687.464s.49-.29.688-.464s2.24-1.759 2.392-1.866s.254-.305.087-.41s-.689-.368-1.41-.741c-.72-.373-1.617-.69-1.757-.69m0-11.278s-.409.001-1.022.206s-1.278.46-1.584.46s-2.581-.434-2.581-.434s-2.695 3.262-2.695 3.959s.339.881.68 1.243l2.02 2.149c.192.203.59.511.356 1.066c-.235.555-.58 1.26-.196 1.977c.384.716 1.042 1.194 1.464 1.115c.421-.08 1.412-.598 1.776-.834c.364-.237 1.518-1.19 1.518-1.554s-1.193-1.02-1.413-1.168c-.22-.15-1.226-.725-1.247-.95c-.02-.227-.012-.293.284-.851c.297-.559.831-1.304.742-1.8c-.089-.495-.95-.753-1.565-.986s-1.799-.671-1.947-.74s-.11-.133.339-.175c.448-.043 1.719-.212 2.292-.052s1.552.403 1.632.532c.079.13.149.134.067.579s-.5 2.581-.541 2.96c-.04.38-.12.63.288.724c.409.094 1.097.256 1.333.256s.924-.162 1.333-.256c.408-.093.329-.344.288-.723c-.04-.38-.46-2.516-.541-2.961s-.012-.45.067-.579c.08-.129 1.059-.372 1.632-.532s1.845.009 2.292.052c.449.042.487.107.339.175c-.148.069-1.332.508-1.947.74c-.615.233-1.476.49-1.565.986c-.09.496.445 1.241.742 1.8s.304.624.284.85s-1.026.802-1.247.95c-.22.15-1.413.804-1.413 1.169c0 .364 1.154 1.317 1.518 1.554c.364.236 1.355.755 1.776.834s1.08-.4 1.464-1.115c.384-.716.039-1.422-.195-1.977s.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243s-2.695-3.96-2.695-3.96s-2.274.436-2.58.436s-.972-.256-1.585-.461s-1.022-.206-1.022-.206"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m15.68 0l2.096 2.38s1.84-.512 2.709.358c.868.87 1.584 1.638 1.584 1.638l-.562 1.381l.715 2.047s-2.104 7.98-2.35 8.955c-.486 1.919-.818 2.66-2.198 3.633a186 186 0 0 1-4.293 2.916c-.409.256-.92.692-1.38.692s-.97-.436-1.38-.692a186 186 0 0 1-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633c-.247-.975-2.351-8.955-2.351-8.955l.715-2.047l-.562-1.381s.716-.768 1.585-1.638c.868-.87 2.708-.358 2.708-.358L8.321 0h7.36zm-3.679 14.936c-.14 0-1.038.317-1.758.69s-1.242.637-1.409.742s-.065.301.087.409s2.194 1.69 2.393 1.866c.198.175.489.464.687.464s.49-.29.688-.464s2.24-1.759 2.392-1.866s.254-.305.087-.41s-.689-.368-1.41-.741c-.72-.373-1.617-.69-1.757-.69m0-11.278s-.409.001-1.022.206s-1.278.46-1.584.46s-2.581-.434-2.581-.434s-2.695 3.262-2.695 3.959s.339.881.68 1.243l2.02 2.149c.192.203.59.511.356 1.066c-.235.555-.58 1.26-.196 1.977c.384.716 1.042 1.194 1.464 1.115c.421-.08 1.412-.598 1.776-.834c.364-.237 1.518-1.19 1.518-1.554s-1.193-1.02-1.413-1.168c-.22-.15-1.226-.725-1.247-.95c-.02-.227-.012-.293.284-.851c.297-.559.831-1.304.742-1.8c-.089-.495-.95-.753-1.565-.986s-1.799-.671-1.947-.74s-.11-.133.339-.175c.448-.043 1.719-.212 2.292-.052s1.552.403 1.632.532c.079.13.149.134.067.579s-.5 2.581-.541 2.96c-.04.38-.12.63.288.724c.409.094 1.097.256 1.333.256s.924-.162 1.333-.256c.408-.093.329-.344.288-.723c-.04-.38-.46-2.516-.541-2.961s-.012-.45.067-.579c.08-.129 1.059-.372 1.632-.532s1.845.009 2.292.052c.449.042.487.107.339.175c-.148.069-1.332.508-1.947.74c-.615.233-1.476.49-1.565.986c-.09.496.445 1.241.742 1.8s.304.624.284.85s-1.026.802-1.247.95c-.22.15-1.413.804-1.413 1.169c0 .364 1.154 1.317 1.518 1.554c.364.236 1.355.755 1.776.834s1.08-.4 1.464-1.115c.384-.716.039-1.422-.195-1.977s.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243s-2.695-3.96-2.695-3.96s-2.274.436-2.58.436s-.972-.256-1.585-.461s-1.022-.206-1.022-.206"/></svg> </template>
CSS
.icon-brave {
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%20d%3D%22m15.68%200l2.096%202.38s1.84-.512%202.709.358c.868.87%201.584%201.638%201.584%201.638l-.562%201.381l.715%202.047s-2.104%207.98-2.35%208.955c-.486%201.919-.818%202.66-2.198%203.633a186%20186%200%200%201-4.293%202.916c-.409.256-.92.692-1.38.692s-.97-.436-1.38-.692a186%20186%200%200%201-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633c-.247-.975-2.351-8.955-2.351-8.955l.715-2.047l-.562-1.381s.716-.768%201.585-1.638c.868-.87%202.708-.358%202.708-.358L8.321%200h7.36zm-3.679%2014.936c-.14%200-1.038.317-1.758.69s-1.242.637-1.409.742s-.065.301.087.409s2.194%201.69%202.393%201.866c.198.175.489.464.687.464s.49-.29.688-.464s2.24-1.759%202.392-1.866s.254-.305.087-.41s-.689-.368-1.41-.741c-.72-.373-1.617-.69-1.757-.69m0-11.278s-.409.001-1.022.206s-1.278.46-1.584.46s-2.581-.434-2.581-.434s-2.695%203.262-2.695%203.959s.339.881.68%201.243l2.02%202.149c.192.203.59.511.356%201.066c-.235.555-.58%201.26-.196%201.977c.384.716%201.042%201.194%201.464%201.115c.421-.08%201.412-.598%201.776-.834c.364-.237%201.518-1.19%201.518-1.554s-1.193-1.02-1.413-1.168c-.22-.15-1.226-.725-1.247-.95c-.02-.227-.012-.293.284-.851c.297-.559.831-1.304.742-1.8c-.089-.495-.95-.753-1.565-.986s-1.799-.671-1.947-.74s-.11-.133.339-.175c.448-.043%201.719-.212%202.292-.052s1.552.403%201.632.532c.079.13.149.134.067.579s-.5%202.581-.541%202.96c-.04.38-.12.63.288.724c.409.094%201.097.256%201.333.256s.924-.162%201.333-.256c.408-.093.329-.344.288-.723c-.04-.38-.46-2.516-.541-2.961s-.012-.45.067-.579c.08-.129%201.059-.372%201.632-.532s1.845.009%202.292.052c.449.042.487.107.339.175c-.148.069-1.332.508-1.947.74c-.615.233-1.476.49-1.565.986c-.09.496.445%201.241.742%201.8s.304.624.284.85s-1.026.802-1.247.95c-.22.15-1.413.804-1.413%201.169c0%20.364%201.154%201.317%201.518%201.554c.364.236%201.355.755%201.776.834s1.08-.4%201.464-1.115c.384-.716.039-1.422-.195-1.977s.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243s-2.695-3.96-2.695-3.96s-2.274.436-2.58.436s-.972-.256-1.585-.461s-1.022-.206-1.022-.206%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%20d%3D%22m15.68%200l2.096%202.38s1.84-.512%202.709.358c.868.87%201.584%201.638%201.584%201.638l-.562%201.381l.715%202.047s-2.104%207.98-2.35%208.955c-.486%201.919-.818%202.66-2.198%203.633a186%20186%200%200%201-4.293%202.916c-.409.256-.92.692-1.38.692s-.97-.436-1.38-.692a186%20186%200%200%201-4.293-2.916c-1.38-.973-1.712-1.714-2.197-3.633c-.247-.975-2.351-8.955-2.351-8.955l.715-2.047l-.562-1.381s.716-.768%201.585-1.638c.868-.87%202.708-.358%202.708-.358L8.321%200h7.36zm-3.679%2014.936c-.14%200-1.038.317-1.758.69s-1.242.637-1.409.742s-.065.301.087.409s2.194%201.69%202.393%201.866c.198.175.489.464.687.464s.49-.29.688-.464s2.24-1.759%202.392-1.866s.254-.305.087-.41s-.689-.368-1.41-.741c-.72-.373-1.617-.69-1.757-.69m0-11.278s-.409.001-1.022.206s-1.278.46-1.584.46s-2.581-.434-2.581-.434s-2.695%203.262-2.695%203.959s.339.881.68%201.243l2.02%202.149c.192.203.59.511.356%201.066c-.235.555-.58%201.26-.196%201.977c.384.716%201.042%201.194%201.464%201.115c.421-.08%201.412-.598%201.776-.834c.364-.237%201.518-1.19%201.518-1.554s-1.193-1.02-1.413-1.168c-.22-.15-1.226-.725-1.247-.95c-.02-.227-.012-.293.284-.851c.297-.559.831-1.304.742-1.8c-.089-.495-.95-.753-1.565-.986s-1.799-.671-1.947-.74s-.11-.133.339-.175c.448-.043%201.719-.212%202.292-.052s1.552.403%201.632.532c.079.13.149.134.067.579s-.5%202.581-.541%202.96c-.04.38-.12.63.288.724c.409.094%201.097.256%201.333.256s.924-.162%201.333-.256c.408-.093.329-.344.288-.723c-.04-.38-.46-2.516-.541-2.961s-.012-.45.067-.579c.08-.129%201.059-.372%201.632-.532s1.845.009%202.292.052c.449.042.487.107.339.175c-.148.069-1.332.508-1.947.74c-.615.233-1.476.49-1.565.986c-.09.496.445%201.241.742%201.8s.304.624.284.85s-1.026.802-1.247.95c-.22.15-1.413.804-1.413%201.169c0%20.364%201.154%201.317%201.518%201.554c.364.236%201.355.755%201.776.834s1.08-.4%201.464-1.115c.384-.716.039-1.422-.195-1.977s.163-.863.355-1.066l2.02-2.149c.341-.362.68-.546.68-1.243s-2.695-3.96-2.695-3.96s-2.274.436-2.58.436s-.972-.256-1.585-.461s-1.022-.206-1.022-.206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/brave.svg?color=%231a73e8&size=48
