reactjs icon
reactjs-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- reactjs-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
More logos icons from Remix Icon
Use the reactjs icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.448 16.24a22 22 0 0 1-1.747 2.175c1.673 1.623 3.228 2.383 4.091 1.884c.863-.498.982-2.225.413-4.484c-.853.19-1.779.334-2.757.424m-1.31.087a28 28 0 0 1-2.275 0c.376.492.758.948 1.137 1.363q.571-.623 1.138-1.364m5.04-7.894c2.665.764 4.406 2.034 4.406 3.567s-1.74 2.803-4.405 3.567c.67 2.69.44 4.832-.887 5.598c-1.327.767-3.297-.105-5.292-2.031c-1.994 1.925-3.964 2.798-5.291 2.031s-1.557-2.908-.887-5.598C3.157 14.803 1.417 13.533 1.417 12s1.74-2.803 4.405-3.567c-.67-2.69-.44-4.832.887-5.599c1.327-.766 3.297.106 5.291 2.032c1.995-1.926 3.965-2.798 5.292-2.032c1.327.767 1.557 2.909.887 5.599m-.973-.248c.57-2.26.45-3.986-.413-4.485c-.863-.498-2.418.262-4.09 1.885a22 22 0 0 1 1.746 2.175c.978.09 1.904.234 2.757.425m-10.41 7.63c-.569 2.26-.45 3.986.414 4.484c.863.498 2.418-.261 4.09-1.884a22 22 0 0 1-1.746-2.176a22 22 0 0 1-2.757-.425m4.068-8.142a28 28 0 0 1 2.275 0A21 21 0 0 0 12 6.31q-.57.625-1.137 1.364m-1.31.087a22 22 0 0 1 1.746-2.175C9.627 3.962 8.072 3.202 7.21 3.7c-.863.499-.983 2.226-.413 4.485c.853-.19 1.779-.334 2.757-.425m4.34 7.52A25.4 25.4 0 0 0 15.788 12a25.4 25.4 0 0 0-1.893-3.28a25.4 25.4 0 0 0-3.787 0A25.4 25.4 0 0 0 8.213 12a25.4 25.4 0 0 0 1.894 3.28a25.4 25.4 0 0 0 3.787 0m1.285-.132q.924-.12 1.75-.303a21 21 0 0 0-.612-1.667a28 28 0 0 1-1.137 1.97M8.823 8.851q-.924.121-1.75.304q.255.806.613 1.667a28 28 0 0 1 1.137-1.97m-1.75 5.994q.826.182 1.75.303a28 28 0 0 1-1.137-1.97a21 21 0 0 0-.613 1.667m-.978-.245c.262-.834.6-1.708 1.01-2.6a22 22 0 0 1-1.01-2.6c-2.241.636-3.677 1.604-3.677 2.6s1.436 1.963 3.677 2.6M16.93 9.155q-.827-.183-1.75-.304a28 28 0 0 1 1.137 1.97q.357-.86.613-1.666m.977.245c-.26.834-.6 1.708-1.01 2.6c.41.892.75 1.766 1.01 2.6c2.242-.637 3.678-1.604 3.678-2.6s-1.436-1.963-3.678-2.6M12 13.879a1.88 1.88 0 1 1 0-3.758a1.88 1.88 0 0 1 0 3.758"/></svg>
React
import type { SVGProps } from "react";
export function RiReactjsFill(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="M14.448 16.24a22 22 0 0 1-1.747 2.175c1.673 1.623 3.228 2.383 4.091 1.884c.863-.498.982-2.225.413-4.484c-.853.19-1.779.334-2.757.424m-1.31.087a28 28 0 0 1-2.275 0c.376.492.758.948 1.137 1.363q.571-.623 1.138-1.364m5.04-7.894c2.665.764 4.406 2.034 4.406 3.567s-1.74 2.803-4.405 3.567c.67 2.69.44 4.832-.887 5.598c-1.327.767-3.297-.105-5.292-2.031c-1.994 1.925-3.964 2.798-5.291 2.031s-1.557-2.908-.887-5.598C3.157 14.803 1.417 13.533 1.417 12s1.74-2.803 4.405-3.567c-.67-2.69-.44-4.832.887-5.599c1.327-.766 3.297.106 5.291 2.032c1.995-1.926 3.965-2.798 5.292-2.032c1.327.767 1.557 2.909.887 5.599m-.973-.248c.57-2.26.45-3.986-.413-4.485c-.863-.498-2.418.262-4.09 1.885a22 22 0 0 1 1.746 2.175c.978.09 1.904.234 2.757.425m-10.41 7.63c-.569 2.26-.45 3.986.414 4.484c.863.498 2.418-.261 4.09-1.884a22 22 0 0 1-1.746-2.176a22 22 0 0 1-2.757-.425m4.068-8.142a28 28 0 0 1 2.275 0A21 21 0 0 0 12 6.31q-.57.625-1.137 1.364m-1.31.087a22 22 0 0 1 1.746-2.175C9.627 3.962 8.072 3.202 7.21 3.7c-.863.499-.983 2.226-.413 4.485c.853-.19 1.779-.334 2.757-.425m4.34 7.52A25.4 25.4 0 0 0 15.788 12a25.4 25.4 0 0 0-1.893-3.28a25.4 25.4 0 0 0-3.787 0A25.4 25.4 0 0 0 8.213 12a25.4 25.4 0 0 0 1.894 3.28a25.4 25.4 0 0 0 3.787 0m1.285-.132q.924-.12 1.75-.303a21 21 0 0 0-.612-1.667a28 28 0 0 1-1.137 1.97M8.823 8.851q-.924.121-1.75.304q.255.806.613 1.667a28 28 0 0 1 1.137-1.97m-1.75 5.994q.826.182 1.75.303a28 28 0 0 1-1.137-1.97a21 21 0 0 0-.613 1.667m-.978-.245c.262-.834.6-1.708 1.01-2.6a22 22 0 0 1-1.01-2.6c-2.241.636-3.677 1.604-3.677 2.6s1.436 1.963 3.677 2.6M16.93 9.155q-.827-.183-1.75-.304a28 28 0 0 1 1.137 1.97q.357-.86.613-1.666m.977.245c-.26.834-.6 1.708-1.01 2.6c.41.892.75 1.766 1.01 2.6c2.242-.637 3.678-1.604 3.678-2.6s-1.436-1.963-3.678-2.6M12 13.879a1.88 1.88 0 1 1 0-3.758a1.88 1.88 0 0 1 0 3.758"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.448 16.24a22 22 0 0 1-1.747 2.175c1.673 1.623 3.228 2.383 4.091 1.884c.863-.498.982-2.225.413-4.484c-.853.19-1.779.334-2.757.424m-1.31.087a28 28 0 0 1-2.275 0c.376.492.758.948 1.137 1.363q.571-.623 1.138-1.364m5.04-7.894c2.665.764 4.406 2.034 4.406 3.567s-1.74 2.803-4.405 3.567c.67 2.69.44 4.832-.887 5.598c-1.327.767-3.297-.105-5.292-2.031c-1.994 1.925-3.964 2.798-5.291 2.031s-1.557-2.908-.887-5.598C3.157 14.803 1.417 13.533 1.417 12s1.74-2.803 4.405-3.567c-.67-2.69-.44-4.832.887-5.599c1.327-.766 3.297.106 5.291 2.032c1.995-1.926 3.965-2.798 5.292-2.032c1.327.767 1.557 2.909.887 5.599m-.973-.248c.57-2.26.45-3.986-.413-4.485c-.863-.498-2.418.262-4.09 1.885a22 22 0 0 1 1.746 2.175c.978.09 1.904.234 2.757.425m-10.41 7.63c-.569 2.26-.45 3.986.414 4.484c.863.498 2.418-.261 4.09-1.884a22 22 0 0 1-1.746-2.176a22 22 0 0 1-2.757-.425m4.068-8.142a28 28 0 0 1 2.275 0A21 21 0 0 0 12 6.31q-.57.625-1.137 1.364m-1.31.087a22 22 0 0 1 1.746-2.175C9.627 3.962 8.072 3.202 7.21 3.7c-.863.499-.983 2.226-.413 4.485c.853-.19 1.779-.334 2.757-.425m4.34 7.52A25.4 25.4 0 0 0 15.788 12a25.4 25.4 0 0 0-1.893-3.28a25.4 25.4 0 0 0-3.787 0A25.4 25.4 0 0 0 8.213 12a25.4 25.4 0 0 0 1.894 3.28a25.4 25.4 0 0 0 3.787 0m1.285-.132q.924-.12 1.75-.303a21 21 0 0 0-.612-1.667a28 28 0 0 1-1.137 1.97M8.823 8.851q-.924.121-1.75.304q.255.806.613 1.667a28 28 0 0 1 1.137-1.97m-1.75 5.994q.826.182 1.75.303a28 28 0 0 1-1.137-1.97a21 21 0 0 0-.613 1.667m-.978-.245c.262-.834.6-1.708 1.01-2.6a22 22 0 0 1-1.01-2.6c-2.241.636-3.677 1.604-3.677 2.6s1.436 1.963 3.677 2.6M16.93 9.155q-.827-.183-1.75-.304a28 28 0 0 1 1.137 1.97q.357-.86.613-1.666m.977.245c-.26.834-.6 1.708-1.01 2.6c.41.892.75 1.766 1.01 2.6c2.242-.637 3.678-1.604 3.678-2.6s-1.436-1.963-3.678-2.6M12 13.879a1.88 1.88 0 1 1 0-3.758a1.88 1.88 0 0 1 0 3.758"/></svg> </template>
CSS
.icon-reactjs-fill {
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%22M14.448%2016.24a22%2022%200%200%201-1.747%202.175c1.673%201.623%203.228%202.383%204.091%201.884c.863-.498.982-2.225.413-4.484c-.853.19-1.779.334-2.757.424m-1.31.087a28%2028%200%200%201-2.275%200c.376.492.758.948%201.137%201.363q.571-.623%201.138-1.364m5.04-7.894c2.665.764%204.406%202.034%204.406%203.567s-1.74%202.803-4.405%203.567c.67%202.69.44%204.832-.887%205.598c-1.327.767-3.297-.105-5.292-2.031c-1.994%201.925-3.964%202.798-5.291%202.031s-1.557-2.908-.887-5.598C3.157%2014.803%201.417%2013.533%201.417%2012s1.74-2.803%204.405-3.567c-.67-2.69-.44-4.832.887-5.599c1.327-.766%203.297.106%205.291%202.032c1.995-1.926%203.965-2.798%205.292-2.032c1.327.767%201.557%202.909.887%205.599m-.973-.248c.57-2.26.45-3.986-.413-4.485c-.863-.498-2.418.262-4.09%201.885a22%2022%200%200%201%201.746%202.175c.978.09%201.904.234%202.757.425m-10.41%207.63c-.569%202.26-.45%203.986.414%204.484c.863.498%202.418-.261%204.09-1.884a22%2022%200%200%201-1.746-2.176a22%2022%200%200%201-2.757-.425m4.068-8.142a28%2028%200%200%201%202.275%200A21%2021%200%200%200%2012%206.31q-.57.625-1.137%201.364m-1.31.087a22%2022%200%200%201%201.746-2.175C9.627%203.962%208.072%203.202%207.21%203.7c-.863.499-.983%202.226-.413%204.485c.853-.19%201.779-.334%202.757-.425m4.34%207.52A25.4%2025.4%200%200%200%2015.788%2012a25.4%2025.4%200%200%200-1.893-3.28a25.4%2025.4%200%200%200-3.787%200A25.4%2025.4%200%200%200%208.213%2012a25.4%2025.4%200%200%200%201.894%203.28a25.4%2025.4%200%200%200%203.787%200m1.285-.132q.924-.12%201.75-.303a21%2021%200%200%200-.612-1.667a28%2028%200%200%201-1.137%201.97M8.823%208.851q-.924.121-1.75.304q.255.806.613%201.667a28%2028%200%200%201%201.137-1.97m-1.75%205.994q.826.182%201.75.303a28%2028%200%200%201-1.137-1.97a21%2021%200%200%200-.613%201.667m-.978-.245c.262-.834.6-1.708%201.01-2.6a22%2022%200%200%201-1.01-2.6c-2.241.636-3.677%201.604-3.677%202.6s1.436%201.963%203.677%202.6M16.93%209.155q-.827-.183-1.75-.304a28%2028%200%200%201%201.137%201.97q.357-.86.613-1.666m.977.245c-.26.834-.6%201.708-1.01%202.6c.41.892.75%201.766%201.01%202.6c2.242-.637%203.678-1.604%203.678-2.6s-1.436-1.963-3.678-2.6M12%2013.879a1.88%201.88%200%201%201%200-3.758a1.88%201.88%200%200%201%200%203.758%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%22M14.448%2016.24a22%2022%200%200%201-1.747%202.175c1.673%201.623%203.228%202.383%204.091%201.884c.863-.498.982-2.225.413-4.484c-.853.19-1.779.334-2.757.424m-1.31.087a28%2028%200%200%201-2.275%200c.376.492.758.948%201.137%201.363q.571-.623%201.138-1.364m5.04-7.894c2.665.764%204.406%202.034%204.406%203.567s-1.74%202.803-4.405%203.567c.67%202.69.44%204.832-.887%205.598c-1.327.767-3.297-.105-5.292-2.031c-1.994%201.925-3.964%202.798-5.291%202.031s-1.557-2.908-.887-5.598C3.157%2014.803%201.417%2013.533%201.417%2012s1.74-2.803%204.405-3.567c-.67-2.69-.44-4.832.887-5.599c1.327-.766%203.297.106%205.291%202.032c1.995-1.926%203.965-2.798%205.292-2.032c1.327.767%201.557%202.909.887%205.599m-.973-.248c.57-2.26.45-3.986-.413-4.485c-.863-.498-2.418.262-4.09%201.885a22%2022%200%200%201%201.746%202.175c.978.09%201.904.234%202.757.425m-10.41%207.63c-.569%202.26-.45%203.986.414%204.484c.863.498%202.418-.261%204.09-1.884a22%2022%200%200%201-1.746-2.176a22%2022%200%200%201-2.757-.425m4.068-8.142a28%2028%200%200%201%202.275%200A21%2021%200%200%200%2012%206.31q-.57.625-1.137%201.364m-1.31.087a22%2022%200%200%201%201.746-2.175C9.627%203.962%208.072%203.202%207.21%203.7c-.863.499-.983%202.226-.413%204.485c.853-.19%201.779-.334%202.757-.425m4.34%207.52A25.4%2025.4%200%200%200%2015.788%2012a25.4%2025.4%200%200%200-1.893-3.28a25.4%2025.4%200%200%200-3.787%200A25.4%2025.4%200%200%200%208.213%2012a25.4%2025.4%200%200%200%201.894%203.28a25.4%2025.4%200%200%200%203.787%200m1.285-.132q.924-.12%201.75-.303a21%2021%200%200%200-.612-1.667a28%2028%200%200%201-1.137%201.97M8.823%208.851q-.924.121-1.75.304q.255.806.613%201.667a28%2028%200%200%201%201.137-1.97m-1.75%205.994q.826.182%201.75.303a28%2028%200%200%201-1.137-1.97a21%2021%200%200%200-.613%201.667m-.978-.245c.262-.834.6-1.708%201.01-2.6a22%2022%200%200%201-1.01-2.6c-2.241.636-3.677%201.604-3.677%202.6s1.436%201.963%203.677%202.6M16.93%209.155q-.827-.183-1.75-.304a28%2028%200%200%201%201.137%201.97q.357-.86.613-1.666m.977.245c-.26.834-.6%201.708-1.01%202.6c.41.892.75%201.766%201.01%202.6c2.242-.637%203.678-1.604%203.678-2.6s-1.436-1.963-3.678-2.6M12%2013.879a1.88%201.88%200%201%201%200-3.758a1.88%201.88%200%200%201%200%203.758%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/reactjs-fill.svg?color=%231a73e8&size=48
