react logo
react from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- react
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
react-fillAkar IconsreactBoxicons BrandsreactDeviconreactFont Awesome 6 BrandsreactFont Awesome Brandsreact-solidFlowbite IconsreactHuge IconsreactLine AwesomereactSVG LogosreactMaterial Icon ThemereactMaterial Design Iconsreact-fillMingCute IconreactPixelarticonsreactSimple Iconsreact-darkSkill Iconsreact-outlineTeenyiconsreactUniconsreactUnicons Monochrome
Use the react logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 13.146c-1.573 0-2.854 1.281-2.854 2.854s1.281 2.854 2.854 2.854s2.854-1.281 2.854-2.854s-1.281-2.854-2.854-2.854m-7.99 8.526l-.63-.156C2.692 20.328 0 18.318 0 15.995s2.693-4.333 7.38-5.521l.63-.156l.177.625a31.4 31.4 0 0 0 1.818 4.771l.135.281l-.135.286a31 31 0 0 0-1.818 4.771zm-.921-9.74c-3.563 1-5.75 2.536-5.75 4.063s2.188 3.057 5.75 4.063a33 33 0 0 1 1.578-4.063a33 33 0 0 1-1.578-4.063m16.901 9.74l-.177-.625a31 31 0 0 0-1.818-4.766l-.135-.286l.135-.286a31 31 0 0 0 1.818-4.771l.177-.62l.63.156c4.688 1.188 7.38 3.198 7.38 5.521s-2.693 4.333-7.38 5.521zm-.657-5.677a32.5 32.5 0 0 1 1.578 4.063c3.568-1.005 5.75-2.536 5.75-4.063s-2.188-3.057-5.75-4.063a34 34 0 0 1-1.578 4.063M7.078 11.927l-.177-.625C5.583 6.656 5.984 3.323 8 2.161c1.979-1.141 5.151.208 8.479 3.625l.453.464l-.453.464a31.5 31.5 0 0 0-3.229 3.958l-.182.255l-.313.026a31.6 31.6 0 0 0-5.047.813zm2.531-8.838c-.359 0-.677.073-.943.229c-1.323.766-1.557 3.422-.646 7.005a33 33 0 0 1 4.313-.672a33 33 0 0 1 2.734-3.391c-2.078-2.026-4.047-3.172-5.458-3.172zm12.787 27.145q-.008 0 0 0c-1.901 0-4.344-1.427-6.875-4.031l-.453-.464l.453-.464a31.5 31.5 0 0 0 3.229-3.958l.177-.255l.313-.031a30.7 30.7 0 0 0 5.052-.813l.63-.156l.177.625c1.318 4.646.917 7.974-1.099 9.135a3.1 3.1 0 0 1-1.604.411zm-5.464-4.505c2.078 2.026 4.047 3.172 5.458 3.172h.005c.354 0 .672-.078.938-.229c1.323-.766 1.563-3.422.646-7.005a33 33 0 0 1-4.313.667a33 33 0 0 1-2.734 3.396zm7.99-13.802l-.63-.161a32 32 0 0 0-5.052-.813l-.313-.026l-.177-.255a31.5 31.5 0 0 0-3.229-3.958l-.453-.464l.453-.464c3.328-3.417 6.5-4.766 8.479-3.625c2.016 1.161 2.417 4.495 1.099 9.141zm-5.255-2.276a33 33 0 0 1 4.313.672c.917-3.583.677-6.24-.646-7.005c-1.318-.76-3.797.406-6.401 2.943a34 34 0 0 1 2.734 3.391zM9.609 30.234c-.563.01-1.12-.13-1.609-.411c-2.016-1.161-2.417-4.49-1.099-9.135l.177-.625l.63.156c1.542.391 3.24.661 5.047.813l.313.031l.177.255a31.5 31.5 0 0 0 3.229 3.958l.453.464l-.453.464c-2.526 2.604-4.969 4.031-6.865 4.031zm-1.588-8.567c-.917 3.583-.677 6.24.646 7.005c1.318.75 3.792-.406 6.401-2.943a33 33 0 0 1-2.734-3.396a32.5 32.5 0 0 1-4.313-.667zm7.979.838c-1.099 0-2.224-.047-3.354-.141l-.313-.026l-.182-.26a40 40 0 0 1-1.797-2.828a40 40 0 0 1-1.557-2.969l-.135-.286l.135-.286a40.5 40.5 0 0 1 3.354-5.797l.182-.26l.313-.026a40 40 0 0 1 6.708 0l.313.026l.182.26a40 40 0 0 1 3.354 5.797l.135.286l-.135.286a39.6 39.6 0 0 1-3.354 5.797l-.182.26l-.313.026a41 41 0 0 1-3.354.141m-2.927-1.448c1.969.151 3.885.151 5.859 0a39 39 0 0 0 2.927-5.063a37.5 37.5 0 0 0-2.932-5.063a38 38 0 0 0-5.854 0a37 37 0 0 0-2.932 5.063a38.6 38.6 0 0 0 2.932 5.063"/></svg>
React
import type { SVGProps } from "react";
export function CibReact(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 13.146c-1.573 0-2.854 1.281-2.854 2.854s1.281 2.854 2.854 2.854s2.854-1.281 2.854-2.854s-1.281-2.854-2.854-2.854m-7.99 8.526l-.63-.156C2.692 20.328 0 18.318 0 15.995s2.693-4.333 7.38-5.521l.63-.156l.177.625a31.4 31.4 0 0 0 1.818 4.771l.135.281l-.135.286a31 31 0 0 0-1.818 4.771zm-.921-9.74c-3.563 1-5.75 2.536-5.75 4.063s2.188 3.057 5.75 4.063a33 33 0 0 1 1.578-4.063a33 33 0 0 1-1.578-4.063m16.901 9.74l-.177-.625a31 31 0 0 0-1.818-4.766l-.135-.286l.135-.286a31 31 0 0 0 1.818-4.771l.177-.62l.63.156c4.688 1.188 7.38 3.198 7.38 5.521s-2.693 4.333-7.38 5.521zm-.657-5.677a32.5 32.5 0 0 1 1.578 4.063c3.568-1.005 5.75-2.536 5.75-4.063s-2.188-3.057-5.75-4.063a34 34 0 0 1-1.578 4.063M7.078 11.927l-.177-.625C5.583 6.656 5.984 3.323 8 2.161c1.979-1.141 5.151.208 8.479 3.625l.453.464l-.453.464a31.5 31.5 0 0 0-3.229 3.958l-.182.255l-.313.026a31.6 31.6 0 0 0-5.047.813zm2.531-8.838c-.359 0-.677.073-.943.229c-1.323.766-1.557 3.422-.646 7.005a33 33 0 0 1 4.313-.672a33 33 0 0 1 2.734-3.391c-2.078-2.026-4.047-3.172-5.458-3.172zm12.787 27.145q-.008 0 0 0c-1.901 0-4.344-1.427-6.875-4.031l-.453-.464l.453-.464a31.5 31.5 0 0 0 3.229-3.958l.177-.255l.313-.031a30.7 30.7 0 0 0 5.052-.813l.63-.156l.177.625c1.318 4.646.917 7.974-1.099 9.135a3.1 3.1 0 0 1-1.604.411zm-5.464-4.505c2.078 2.026 4.047 3.172 5.458 3.172h.005c.354 0 .672-.078.938-.229c1.323-.766 1.563-3.422.646-7.005a33 33 0 0 1-4.313.667a33 33 0 0 1-2.734 3.396zm7.99-13.802l-.63-.161a32 32 0 0 0-5.052-.813l-.313-.026l-.177-.255a31.5 31.5 0 0 0-3.229-3.958l-.453-.464l.453-.464c3.328-3.417 6.5-4.766 8.479-3.625c2.016 1.161 2.417 4.495 1.099 9.141zm-5.255-2.276a33 33 0 0 1 4.313.672c.917-3.583.677-6.24-.646-7.005c-1.318-.76-3.797.406-6.401 2.943a34 34 0 0 1 2.734 3.391zM9.609 30.234c-.563.01-1.12-.13-1.609-.411c-2.016-1.161-2.417-4.49-1.099-9.135l.177-.625l.63.156c1.542.391 3.24.661 5.047.813l.313.031l.177.255a31.5 31.5 0 0 0 3.229 3.958l.453.464l-.453.464c-2.526 2.604-4.969 4.031-6.865 4.031zm-1.588-8.567c-.917 3.583-.677 6.24.646 7.005c1.318.75 3.792-.406 6.401-2.943a33 33 0 0 1-2.734-3.396a32.5 32.5 0 0 1-4.313-.667zm7.979.838c-1.099 0-2.224-.047-3.354-.141l-.313-.026l-.182-.26a40 40 0 0 1-1.797-2.828a40 40 0 0 1-1.557-2.969l-.135-.286l.135-.286a40.5 40.5 0 0 1 3.354-5.797l.182-.26l.313-.026a40 40 0 0 1 6.708 0l.313.026l.182.26a40 40 0 0 1 3.354 5.797l.135.286l-.135.286a39.6 39.6 0 0 1-3.354 5.797l-.182.26l-.313.026a41 41 0 0 1-3.354.141m-2.927-1.448c1.969.151 3.885.151 5.859 0a39 39 0 0 0 2.927-5.063a37.5 37.5 0 0 0-2.932-5.063a38 38 0 0 0-5.854 0a37 37 0 0 0-2.932 5.063a38.6 38.6 0 0 0 2.932 5.063"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 13.146c-1.573 0-2.854 1.281-2.854 2.854s1.281 2.854 2.854 2.854s2.854-1.281 2.854-2.854s-1.281-2.854-2.854-2.854m-7.99 8.526l-.63-.156C2.692 20.328 0 18.318 0 15.995s2.693-4.333 7.38-5.521l.63-.156l.177.625a31.4 31.4 0 0 0 1.818 4.771l.135.281l-.135.286a31 31 0 0 0-1.818 4.771zm-.921-9.74c-3.563 1-5.75 2.536-5.75 4.063s2.188 3.057 5.75 4.063a33 33 0 0 1 1.578-4.063a33 33 0 0 1-1.578-4.063m16.901 9.74l-.177-.625a31 31 0 0 0-1.818-4.766l-.135-.286l.135-.286a31 31 0 0 0 1.818-4.771l.177-.62l.63.156c4.688 1.188 7.38 3.198 7.38 5.521s-2.693 4.333-7.38 5.521zm-.657-5.677a32.5 32.5 0 0 1 1.578 4.063c3.568-1.005 5.75-2.536 5.75-4.063s-2.188-3.057-5.75-4.063a34 34 0 0 1-1.578 4.063M7.078 11.927l-.177-.625C5.583 6.656 5.984 3.323 8 2.161c1.979-1.141 5.151.208 8.479 3.625l.453.464l-.453.464a31.5 31.5 0 0 0-3.229 3.958l-.182.255l-.313.026a31.6 31.6 0 0 0-5.047.813zm2.531-8.838c-.359 0-.677.073-.943.229c-1.323.766-1.557 3.422-.646 7.005a33 33 0 0 1 4.313-.672a33 33 0 0 1 2.734-3.391c-2.078-2.026-4.047-3.172-5.458-3.172zm12.787 27.145q-.008 0 0 0c-1.901 0-4.344-1.427-6.875-4.031l-.453-.464l.453-.464a31.5 31.5 0 0 0 3.229-3.958l.177-.255l.313-.031a30.7 30.7 0 0 0 5.052-.813l.63-.156l.177.625c1.318 4.646.917 7.974-1.099 9.135a3.1 3.1 0 0 1-1.604.411zm-5.464-4.505c2.078 2.026 4.047 3.172 5.458 3.172h.005c.354 0 .672-.078.938-.229c1.323-.766 1.563-3.422.646-7.005a33 33 0 0 1-4.313.667a33 33 0 0 1-2.734 3.396zm7.99-13.802l-.63-.161a32 32 0 0 0-5.052-.813l-.313-.026l-.177-.255a31.5 31.5 0 0 0-3.229-3.958l-.453-.464l.453-.464c3.328-3.417 6.5-4.766 8.479-3.625c2.016 1.161 2.417 4.495 1.099 9.141zm-5.255-2.276a33 33 0 0 1 4.313.672c.917-3.583.677-6.24-.646-7.005c-1.318-.76-3.797.406-6.401 2.943a34 34 0 0 1 2.734 3.391zM9.609 30.234c-.563.01-1.12-.13-1.609-.411c-2.016-1.161-2.417-4.49-1.099-9.135l.177-.625l.63.156c1.542.391 3.24.661 5.047.813l.313.031l.177.255a31.5 31.5 0 0 0 3.229 3.958l.453.464l-.453.464c-2.526 2.604-4.969 4.031-6.865 4.031zm-1.588-8.567c-.917 3.583-.677 6.24.646 7.005c1.318.75 3.792-.406 6.401-2.943a33 33 0 0 1-2.734-3.396a32.5 32.5 0 0 1-4.313-.667zm7.979.838c-1.099 0-2.224-.047-3.354-.141l-.313-.026l-.182-.26a40 40 0 0 1-1.797-2.828a40 40 0 0 1-1.557-2.969l-.135-.286l.135-.286a40.5 40.5 0 0 1 3.354-5.797l.182-.26l.313-.026a40 40 0 0 1 6.708 0l.313.026l.182.26a40 40 0 0 1 3.354 5.797l.135.286l-.135.286a39.6 39.6 0 0 1-3.354 5.797l-.182.26l-.313.026a41 41 0 0 1-3.354.141m-2.927-1.448c1.969.151 3.885.151 5.859 0a39 39 0 0 0 2.927-5.063a37.5 37.5 0 0 0-2.932-5.063a38 38 0 0 0-5.854 0a37 37 0 0 0-2.932 5.063a38.6 38.6 0 0 0 2.932 5.063"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2013.146c-1.573%200-2.854%201.281-2.854%202.854s1.281%202.854%202.854%202.854s2.854-1.281%202.854-2.854s-1.281-2.854-2.854-2.854m-7.99%208.526l-.63-.156C2.692%2020.328%200%2018.318%200%2015.995s2.693-4.333%207.38-5.521l.63-.156l.177.625a31.4%2031.4%200%200%200%201.818%204.771l.135.281l-.135.286a31%2031%200%200%200-1.818%204.771zm-.921-9.74c-3.563%201-5.75%202.536-5.75%204.063s2.188%203.057%205.75%204.063a33%2033%200%200%201%201.578-4.063a33%2033%200%200%201-1.578-4.063m16.901%209.74l-.177-.625a31%2031%200%200%200-1.818-4.766l-.135-.286l.135-.286a31%2031%200%200%200%201.818-4.771l.177-.62l.63.156c4.688%201.188%207.38%203.198%207.38%205.521s-2.693%204.333-7.38%205.521zm-.657-5.677a32.5%2032.5%200%200%201%201.578%204.063c3.568-1.005%205.75-2.536%205.75-4.063s-2.188-3.057-5.75-4.063a34%2034%200%200%201-1.578%204.063M7.078%2011.927l-.177-.625C5.583%206.656%205.984%203.323%208%202.161c1.979-1.141%205.151.208%208.479%203.625l.453.464l-.453.464a31.5%2031.5%200%200%200-3.229%203.958l-.182.255l-.313.026a31.6%2031.6%200%200%200-5.047.813zm2.531-8.838c-.359%200-.677.073-.943.229c-1.323.766-1.557%203.422-.646%207.005a33%2033%200%200%201%204.313-.672a33%2033%200%200%201%202.734-3.391c-2.078-2.026-4.047-3.172-5.458-3.172zm12.787%2027.145q-.008%200%200%200c-1.901%200-4.344-1.427-6.875-4.031l-.453-.464l.453-.464a31.5%2031.5%200%200%200%203.229-3.958l.177-.255l.313-.031a30.7%2030.7%200%200%200%205.052-.813l.63-.156l.177.625c1.318%204.646.917%207.974-1.099%209.135a3.1%203.1%200%200%201-1.604.411zm-5.464-4.505c2.078%202.026%204.047%203.172%205.458%203.172h.005c.354%200%20.672-.078.938-.229c1.323-.766%201.563-3.422.646-7.005a33%2033%200%200%201-4.313.667a33%2033%200%200%201-2.734%203.396zm7.99-13.802l-.63-.161a32%2032%200%200%200-5.052-.813l-.313-.026l-.177-.255a31.5%2031.5%200%200%200-3.229-3.958l-.453-.464l.453-.464c3.328-3.417%206.5-4.766%208.479-3.625c2.016%201.161%202.417%204.495%201.099%209.141zm-5.255-2.276a33%2033%200%200%201%204.313.672c.917-3.583.677-6.24-.646-7.005c-1.318-.76-3.797.406-6.401%202.943a34%2034%200%200%201%202.734%203.391zM9.609%2030.234c-.563.01-1.12-.13-1.609-.411c-2.016-1.161-2.417-4.49-1.099-9.135l.177-.625l.63.156c1.542.391%203.24.661%205.047.813l.313.031l.177.255a31.5%2031.5%200%200%200%203.229%203.958l.453.464l-.453.464c-2.526%202.604-4.969%204.031-6.865%204.031zm-1.588-8.567c-.917%203.583-.677%206.24.646%207.005c1.318.75%203.792-.406%206.401-2.943a33%2033%200%200%201-2.734-3.396a32.5%2032.5%200%200%201-4.313-.667zm7.979.838c-1.099%200-2.224-.047-3.354-.141l-.313-.026l-.182-.26a40%2040%200%200%201-1.797-2.828a40%2040%200%200%201-1.557-2.969l-.135-.286l.135-.286a40.5%2040.5%200%200%201%203.354-5.797l.182-.26l.313-.026a40%2040%200%200%201%206.708%200l.313.026l.182.26a40%2040%200%200%201%203.354%205.797l.135.286l-.135.286a39.6%2039.6%200%200%201-3.354%205.797l-.182.26l-.313.026a41%2041%200%200%201-3.354.141m-2.927-1.448c1.969.151%203.885.151%205.859%200a39%2039%200%200%200%202.927-5.063a37.5%2037.5%200%200%200-2.932-5.063a38%2038%200%200%200-5.854%200a37%2037%200%200%200-2.932%205.063a38.6%2038.6%200%200%200%202.932%205.063%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2013.146c-1.573%200-2.854%201.281-2.854%202.854s1.281%202.854%202.854%202.854s2.854-1.281%202.854-2.854s-1.281-2.854-2.854-2.854m-7.99%208.526l-.63-.156C2.692%2020.328%200%2018.318%200%2015.995s2.693-4.333%207.38-5.521l.63-.156l.177.625a31.4%2031.4%200%200%200%201.818%204.771l.135.281l-.135.286a31%2031%200%200%200-1.818%204.771zm-.921-9.74c-3.563%201-5.75%202.536-5.75%204.063s2.188%203.057%205.75%204.063a33%2033%200%200%201%201.578-4.063a33%2033%200%200%201-1.578-4.063m16.901%209.74l-.177-.625a31%2031%200%200%200-1.818-4.766l-.135-.286l.135-.286a31%2031%200%200%200%201.818-4.771l.177-.62l.63.156c4.688%201.188%207.38%203.198%207.38%205.521s-2.693%204.333-7.38%205.521zm-.657-5.677a32.5%2032.5%200%200%201%201.578%204.063c3.568-1.005%205.75-2.536%205.75-4.063s-2.188-3.057-5.75-4.063a34%2034%200%200%201-1.578%204.063M7.078%2011.927l-.177-.625C5.583%206.656%205.984%203.323%208%202.161c1.979-1.141%205.151.208%208.479%203.625l.453.464l-.453.464a31.5%2031.5%200%200%200-3.229%203.958l-.182.255l-.313.026a31.6%2031.6%200%200%200-5.047.813zm2.531-8.838c-.359%200-.677.073-.943.229c-1.323.766-1.557%203.422-.646%207.005a33%2033%200%200%201%204.313-.672a33%2033%200%200%201%202.734-3.391c-2.078-2.026-4.047-3.172-5.458-3.172zm12.787%2027.145q-.008%200%200%200c-1.901%200-4.344-1.427-6.875-4.031l-.453-.464l.453-.464a31.5%2031.5%200%200%200%203.229-3.958l.177-.255l.313-.031a30.7%2030.7%200%200%200%205.052-.813l.63-.156l.177.625c1.318%204.646.917%207.974-1.099%209.135a3.1%203.1%200%200%201-1.604.411zm-5.464-4.505c2.078%202.026%204.047%203.172%205.458%203.172h.005c.354%200%20.672-.078.938-.229c1.323-.766%201.563-3.422.646-7.005a33%2033%200%200%201-4.313.667a33%2033%200%200%201-2.734%203.396zm7.99-13.802l-.63-.161a32%2032%200%200%200-5.052-.813l-.313-.026l-.177-.255a31.5%2031.5%200%200%200-3.229-3.958l-.453-.464l.453-.464c3.328-3.417%206.5-4.766%208.479-3.625c2.016%201.161%202.417%204.495%201.099%209.141zm-5.255-2.276a33%2033%200%200%201%204.313.672c.917-3.583.677-6.24-.646-7.005c-1.318-.76-3.797.406-6.401%202.943a34%2034%200%200%201%202.734%203.391zM9.609%2030.234c-.563.01-1.12-.13-1.609-.411c-2.016-1.161-2.417-4.49-1.099-9.135l.177-.625l.63.156c1.542.391%203.24.661%205.047.813l.313.031l.177.255a31.5%2031.5%200%200%200%203.229%203.958l.453.464l-.453.464c-2.526%202.604-4.969%204.031-6.865%204.031zm-1.588-8.567c-.917%203.583-.677%206.24.646%207.005c1.318.75%203.792-.406%206.401-2.943a33%2033%200%200%201-2.734-3.396a32.5%2032.5%200%200%201-4.313-.667zm7.979.838c-1.099%200-2.224-.047-3.354-.141l-.313-.026l-.182-.26a40%2040%200%200%201-1.797-2.828a40%2040%200%200%201-1.557-2.969l-.135-.286l.135-.286a40.5%2040.5%200%200%201%203.354-5.797l.182-.26l.313-.026a40%2040%200%200%201%206.708%200l.313.026l.182.26a40%2040%200%200%201%203.354%205.797l.135.286l-.135.286a39.6%2039.6%200%200%201-3.354%205.797l-.182.26l-.313.026a41%2041%200%200%201-3.354.141m-2.927-1.448c1.969.151%203.885.151%205.859%200a39%2039%200%200%200%202.927-5.063a37.5%2037.5%200%200%200-2.932-5.063a38%2038%200%200%200-5.854%200a37%2037%200%200%200-2.932%205.063a38.6%2038.6%200%200%200%202.932%205.063%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/react.svg?color=%231a73e8&size=48
