react logo
react from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- react
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
react-fillAkar IconsreactCoreUI BrandsreactDeviconreactFont Awesome 6 BrandsreactFont Awesome Brandsreact-solidFlowbite IconsreactHuge IconsreactLine AwesomereactSVG LogosreactMaterial Icon ThemereactMaterial Design Iconsreact-fillMingCute IconreactPixelarticonsreactSimple Iconsreact-darkSkill Iconsreact-outlineTeenyiconsreactUniconsreactUnicons Monochrome
Related icons in Boxicons Brands
Use the react logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9.46a1.785 1.785 0 1 0 0 3.57a1.785 1.785 0 1 0 0-3.57m-4.998 5.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674 8.53 6.607 7.789l.395-.1l.111.391a19.5 19.5 0 0 0 1.136 2.983l.085.178l-.085.178c-.46.963-.841 1.961-1.136 2.985zm-.577-6.095c-2.229.628-3.598 1.586-3.598 2.542c0 .954 1.368 1.913 3.598 2.54q.41-1.304.985-2.54a20 20 0 0 1-.985-2.542m10.572 6.095l-.11-.392a19.6 19.6 0 0 0-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96 1.137-2.984l.11-.39l.395.1c2.935.741 4.617 2 4.617 3.453s-1.683 2.711-4.617 3.452zm-.41-3.553c.4.866.733 1.718.987 2.54c2.23-.627 3.599-1.586 3.599-2.54c0-.956-1.368-1.913-3.599-2.542a21 21 0 0 1-.987 2.542"/><path fill="currentColor" d="m6.419 8.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715 3.222.13 5.303 2.265l.284.292l-.284.291a20 20 0 0 0-2.02 2.474l-.113.162l-.196.016a20 20 0 0 0-3.157.509zm1.582-5.529q-.337 0-.589.145c-.828.477-.974 2.138-.404 4.38q1.337-.297 2.696-.417a21 21 0 0 1 1.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997 16.984c-1.188 0-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20 20 0 0 0 2.021-2.477l.112-.16l.194-.019a19.5 19.5 0 0 0 3.158-.507l.395-.1l.111.391c.822 2.906.573 4.992-.688 5.718a2 2 0 0 1-1.005.257m-3.415-2.82c1.302 1.267 2.533 1.986 3.415 1.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5 20.5 0 0 1-1.71 2.124"/><path fill="currentColor" d="m17.58 8.695l-.395-.099a19.5 19.5 0 0 0-3.158-.509l-.194-.017l-.112-.162A19.6 19.6 0 0 0 11.7 5.434l-.283-.291l.283-.29c2.08-2.134 4.066-2.979 5.303-2.265c1.262.727 1.513 2.81.688 5.717zm-3.287-1.421c.954.085 1.858.228 2.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004 1.841q.926 1.005 1.71 2.123M8.001 20.15a2 2 0 0 1-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243 2.026.414 3.158.507l.194.019l.113.16c.604.878 1.28 1.707 2.02 2.477l.284.29l-.284.291c-1.583 1.627-3.109 2.522-4.295 2.522m-.993-5.362c-.57 2.242-.424 3.906.404 4.384c.825.47 2.371-.255 4.005-1.842a21 21 0 0 1-1.713-2.123a21 21 0 0 1-2.696-.419"/><path fill="currentColor" d="M12 15.313c-.687 0-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26 26 0 0 1-1.126-1.769a26 26 0 0 1-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192 1.126-1.77l.113-.16l.196-.018a25 25 0 0 1 4.198 0l.194.019l.113.16a25 25 0 0 1 2.1 3.628l.083.179l-.083.177a25 25 0 0 1-2.1 3.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093 2.433.093 3.667 0a24.5 24.5 0 0 0 1.832-3.168a24 24 0 0 0-1.832-3.168a24 24 0 0 0-3.667 0a24 24 0 0 0-1.832 3.168a25 25 0 0 0 1.832 3.168"/></svg>
React
import type { SVGProps } from "react";
export function BxlReact(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="M12 9.46a1.785 1.785 0 1 0 0 3.57a1.785 1.785 0 1 0 0-3.57m-4.998 5.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674 8.53 6.607 7.789l.395-.1l.111.391a19.5 19.5 0 0 0 1.136 2.983l.085.178l-.085.178c-.46.963-.841 1.961-1.136 2.985zm-.577-6.095c-2.229.628-3.598 1.586-3.598 2.542c0 .954 1.368 1.913 3.598 2.54q.41-1.304.985-2.54a20 20 0 0 1-.985-2.542m10.572 6.095l-.11-.392a19.6 19.6 0 0 0-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96 1.137-2.984l.11-.39l.395.1c2.935.741 4.617 2 4.617 3.453s-1.683 2.711-4.617 3.452zm-.41-3.553c.4.866.733 1.718.987 2.54c2.23-.627 3.599-1.586 3.599-2.54c0-.956-1.368-1.913-3.599-2.542a21 21 0 0 1-.987 2.542"/><path fill="currentColor" d="m6.419 8.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715 3.222.13 5.303 2.265l.284.292l-.284.291a20 20 0 0 0-2.02 2.474l-.113.162l-.196.016a20 20 0 0 0-3.157.509zm1.582-5.529q-.337 0-.589.145c-.828.477-.974 2.138-.404 4.38q1.337-.297 2.696-.417a21 21 0 0 1 1.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997 16.984c-1.188 0-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20 20 0 0 0 2.021-2.477l.112-.16l.194-.019a19.5 19.5 0 0 0 3.158-.507l.395-.1l.111.391c.822 2.906.573 4.992-.688 5.718a2 2 0 0 1-1.005.257m-3.415-2.82c1.302 1.267 2.533 1.986 3.415 1.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5 20.5 0 0 1-1.71 2.124"/><path fill="currentColor" d="m17.58 8.695l-.395-.099a19.5 19.5 0 0 0-3.158-.509l-.194-.017l-.112-.162A19.6 19.6 0 0 0 11.7 5.434l-.283-.291l.283-.29c2.08-2.134 4.066-2.979 5.303-2.265c1.262.727 1.513 2.81.688 5.717zm-3.287-1.421c.954.085 1.858.228 2.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004 1.841q.926 1.005 1.71 2.123M8.001 20.15a2 2 0 0 1-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243 2.026.414 3.158.507l.194.019l.113.16c.604.878 1.28 1.707 2.02 2.477l.284.29l-.284.291c-1.583 1.627-3.109 2.522-4.295 2.522m-.993-5.362c-.57 2.242-.424 3.906.404 4.384c.825.47 2.371-.255 4.005-1.842a21 21 0 0 1-1.713-2.123a21 21 0 0 1-2.696-.419"/><path fill="currentColor" d="M12 15.313c-.687 0-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26 26 0 0 1-1.126-1.769a26 26 0 0 1-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192 1.126-1.77l.113-.16l.196-.018a25 25 0 0 1 4.198 0l.194.019l.113.16a25 25 0 0 1 2.1 3.628l.083.179l-.083.177a25 25 0 0 1-2.1 3.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093 2.433.093 3.667 0a24.5 24.5 0 0 0 1.832-3.168a24 24 0 0 0-1.832-3.168a24 24 0 0 0-3.667 0a24 24 0 0 0-1.832 3.168a25 25 0 0 0 1.832 3.168"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9.46a1.785 1.785 0 1 0 0 3.57a1.785 1.785 0 1 0 0-3.57m-4.998 5.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674 8.53 6.607 7.789l.395-.1l.111.391a19.5 19.5 0 0 0 1.136 2.983l.085.178l-.085.178c-.46.963-.841 1.961-1.136 2.985zm-.577-6.095c-2.229.628-3.598 1.586-3.598 2.542c0 .954 1.368 1.913 3.598 2.54q.41-1.304.985-2.54a20 20 0 0 1-.985-2.542m10.572 6.095l-.11-.392a19.6 19.6 0 0 0-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96 1.137-2.984l.11-.39l.395.1c2.935.741 4.617 2 4.617 3.453s-1.683 2.711-4.617 3.452zm-.41-3.553c.4.866.733 1.718.987 2.54c2.23-.627 3.599-1.586 3.599-2.54c0-.956-1.368-1.913-3.599-2.542a21 21 0 0 1-.987 2.542"/><path fill="currentColor" d="m6.419 8.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715 3.222.13 5.303 2.265l.284.292l-.284.291a20 20 0 0 0-2.02 2.474l-.113.162l-.196.016a20 20 0 0 0-3.157.509zm1.582-5.529q-.337 0-.589.145c-.828.477-.974 2.138-.404 4.38q1.337-.297 2.696-.417a21 21 0 0 1 1.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997 16.984c-1.188 0-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20 20 0 0 0 2.021-2.477l.112-.16l.194-.019a19.5 19.5 0 0 0 3.158-.507l.395-.1l.111.391c.822 2.906.573 4.992-.688 5.718a2 2 0 0 1-1.005.257m-3.415-2.82c1.302 1.267 2.533 1.986 3.415 1.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5 20.5 0 0 1-1.71 2.124"/><path fill="currentColor" d="m17.58 8.695l-.395-.099a19.5 19.5 0 0 0-3.158-.509l-.194-.017l-.112-.162A19.6 19.6 0 0 0 11.7 5.434l-.283-.291l.283-.29c2.08-2.134 4.066-2.979 5.303-2.265c1.262.727 1.513 2.81.688 5.717zm-3.287-1.421c.954.085 1.858.228 2.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004 1.841q.926 1.005 1.71 2.123M8.001 20.15a2 2 0 0 1-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243 2.026.414 3.158.507l.194.019l.113.16c.604.878 1.28 1.707 2.02 2.477l.284.29l-.284.291c-1.583 1.627-3.109 2.522-4.295 2.522m-.993-5.362c-.57 2.242-.424 3.906.404 4.384c.825.47 2.371-.255 4.005-1.842a21 21 0 0 1-1.713-2.123a21 21 0 0 1-2.696-.419"/><path fill="currentColor" d="M12 15.313c-.687 0-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26 26 0 0 1-1.126-1.769a26 26 0 0 1-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192 1.126-1.77l.113-.16l.196-.018a25 25 0 0 1 4.198 0l.194.019l.113.16a25 25 0 0 1 2.1 3.628l.083.179l-.083.177a25 25 0 0 1-2.1 3.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093 2.433.093 3.667 0a24.5 24.5 0 0 0 1.832-3.168a24 24 0 0 0-1.832-3.168a24 24 0 0 0-3.667 0a24 24 0 0 0-1.832 3.168a25 25 0 0 0 1.832 3.168"/></svg> </template>
CSS
.icon-react {
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%22M12%209.46a1.785%201.785%200%201%200%200%203.57a1.785%201.785%200%201%200%200-3.57m-4.998%205.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674%208.53%206.607%207.789l.395-.1l.111.391a19.5%2019.5%200%200%200%201.136%202.983l.085.178l-.085.178c-.46.963-.841%201.961-1.136%202.985zm-.577-6.095c-2.229.628-3.598%201.586-3.598%202.542c0%20.954%201.368%201.913%203.598%202.54q.41-1.304.985-2.54a20%2020%200%200%201-.985-2.542m10.572%206.095l-.11-.392a19.6%2019.6%200%200%200-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96%201.137-2.984l.11-.39l.395.1c2.935.741%204.617%202%204.617%203.453s-1.683%202.711-4.617%203.452zm-.41-3.553c.4.866.733%201.718.987%202.54c2.23-.627%203.599-1.586%203.599-2.54c0-.956-1.368-1.913-3.599-2.542a21%2021%200%200%201-.987%202.542%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.419%208.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715%203.222.13%205.303%202.265l.284.292l-.284.291a20%2020%200%200%200-2.02%202.474l-.113.162l-.196.016a20%2020%200%200%200-3.157.509zm1.582-5.529q-.337%200-.589.145c-.828.477-.974%202.138-.404%204.38q1.337-.297%202.696-.417a21%2021%200%200%201%201.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997%2016.984c-1.188%200-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20%2020%200%200%200%202.021-2.477l.112-.16l.194-.019a19.5%2019.5%200%200%200%203.158-.507l.395-.1l.111.391c.822%202.906.573%204.992-.688%205.718a2%202%200%200%201-1.005.257m-3.415-2.82c1.302%201.267%202.533%201.986%203.415%201.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5%2020.5%200%200%201-1.71%202.124%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.58%208.695l-.395-.099a19.5%2019.5%200%200%200-3.158-.509l-.194-.017l-.112-.162A19.6%2019.6%200%200%200%2011.7%205.434l-.283-.291l.283-.29c2.08-2.134%204.066-2.979%205.303-2.265c1.262.727%201.513%202.81.688%205.717zm-3.287-1.421c.954.085%201.858.228%202.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004%201.841q.926%201.005%201.71%202.123M8.001%2020.15a2%202%200%200%201-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243%202.026.414%203.158.507l.194.019l.113.16c.604.878%201.28%201.707%202.02%202.477l.284.29l-.284.291c-1.583%201.627-3.109%202.522-4.295%202.522m-.993-5.362c-.57%202.242-.424%203.906.404%204.384c.825.47%202.371-.255%204.005-1.842a21%2021%200%200%201-1.713-2.123a21%2021%200%200%201-2.696-.419%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015.313c-.687%200-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26%2026%200%200%201-1.126-1.769a26%2026%200%200%201-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192%201.126-1.77l.113-.16l.196-.018a25%2025%200%200%201%204.198%200l.194.019l.113.16a25%2025%200%200%201%202.1%203.628l.083.179l-.083.177a25%2025%200%200%201-2.1%203.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093%202.433.093%203.667%200a24.5%2024.5%200%200%200%201.832-3.168a24%2024%200%200%200-1.832-3.168a24%2024%200%200%200-3.667%200a24%2024%200%200%200-1.832%203.168a25%2025%200%200%200%201.832%203.168%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%22M12%209.46a1.785%201.785%200%201%200%200%203.57a1.785%201.785%200%201%200%200-3.57m-4.998%205.334l-.395-.101c-2.934-.741-4.617-2.001-4.617-3.452S3.674%208.53%206.607%207.789l.395-.1l.111.391a19.5%2019.5%200%200%200%201.136%202.983l.085.178l-.085.178c-.46.963-.841%201.961-1.136%202.985zm-.577-6.095c-2.229.628-3.598%201.586-3.598%202.542c0%20.954%201.368%201.913%203.598%202.54q.41-1.304.985-2.54a20%2020%200%200%201-.985-2.542m10.572%206.095l-.11-.392a19.6%2019.6%200%200%200-1.137-2.984l-.085-.177l.085-.179c.46-.961.839-1.96%201.137-2.984l.11-.39l.395.1c2.935.741%204.617%202%204.617%203.453s-1.683%202.711-4.617%203.452zm-.41-3.553c.4.866.733%201.718.987%202.54c2.23-.627%203.599-1.586%203.599-2.54c0-.956-1.368-1.913-3.599-2.542a21%2021%200%200%201-.987%202.542%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m6.419%208.695l-.11-.39c-.826-2.908-.576-4.991.687-5.717c1.235-.715%203.222.13%205.303%202.265l.284.292l-.284.291a20%2020%200%200%200-2.02%202.474l-.113.162l-.196.016a20%2020%200%200%200-3.157.509zm1.582-5.529q-.337%200-.589.145c-.828.477-.974%202.138-.404%204.38q1.337-.297%202.696-.417a21%2021%200%200%201%201.713-2.123c-1.303-1.267-2.533-1.985-3.416-1.985m7.997%2016.984c-1.188%200-2.714-.896-4.298-2.522l-.283-.291l.283-.29a20%2020%200%200%200%202.021-2.477l.112-.16l.194-.019a19.5%2019.5%200%200%200%203.158-.507l.395-.1l.111.391c.822%202.906.573%204.992-.688%205.718a2%202%200%200%201-1.005.257m-3.415-2.82c1.302%201.267%202.533%201.986%203.415%201.986q.339-.001.589-.145c.829-.478.976-2.142.404-4.384q-1.335.299-2.698.419a20.5%2020.5%200%200%201-1.71%202.124%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.58%208.695l-.395-.099a19.5%2019.5%200%200%200-3.158-.509l-.194-.017l-.112-.162A19.6%2019.6%200%200%200%2011.7%205.434l-.283-.291l.283-.29c2.08-2.134%204.066-2.979%205.303-2.265c1.262.727%201.513%202.81.688%205.717zm-3.287-1.421c.954.085%201.858.228%202.698.417c.571-2.242.425-3.903-.404-4.381c-.824-.477-2.375.253-4.004%201.841q.926%201.005%201.71%202.123M8.001%2020.15a2%202%200%200%201-1.005-.257c-1.263-.726-1.513-2.811-.688-5.718l.108-.391l.395.1c.964.243%202.026.414%203.158.507l.194.019l.113.16c.604.878%201.28%201.707%202.02%202.477l.284.29l-.284.291c-1.583%201.627-3.109%202.522-4.295%202.522m-.993-5.362c-.57%202.242-.424%203.906.404%204.384c.825.47%202.371-.255%204.005-1.842a21%2021%200%200%201-1.713-2.123a21%2021%200%200%201-2.696-.419%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2015.313c-.687%200-1.392-.029-2.1-.088l-.196-.017l-.113-.162a26%2026%200%200%201-1.126-1.769a26%2026%200%200%201-.971-1.859l-.084-.177l.084-.179q.448-.948.971-1.858c.347-.596.726-1.192%201.126-1.77l.113-.16l.196-.018a25%2025%200%200%201%204.198%200l.194.019l.113.16a25%2025%200%200%201%202.1%203.628l.083.179l-.083.177a25%2025%200%200%201-2.1%203.628l-.113.162l-.194.017c-.706.057-1.412.087-2.098.087m-1.834-.904c1.235.093%202.433.093%203.667%200a24.5%2024.5%200%200%200%201.832-3.168a24%2024%200%200%200-1.832-3.168a24%2024%200%200%200-3.667%200a24%2024%200%200%200-1.832%203.168a25%2025%200%200%200%201.832%203.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/react.svg?color=%231a73e8&size=48
