react icon
react-solid from Flowbite Icons by Themesberg · Solid · Brands · MIT Free for personal and commercial use.
- Name
- react-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Brands
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
react-fillAkar IconsreactBoxicons BrandsreactCoreUI BrandsreactDeviconreactFont Awesome 6 BrandsreactFont Awesome BrandsreactHuge IconsreactLine AwesomereactSVG LogosreactMaterial Icon ThemereactMaterial Design Iconsreact-fillMingCute IconreactPixelarticonsreactSimple Iconsreact-darkSkill Iconsreact-outlineTeenyiconsreactUniconsreactUnicons Monochrome
More brands icons from Flowbite Icons
apple-solidaws-solidbitcoin-solidcss-soliddiscord-soliddribbble-soliddropbox-solidfacebook-solidflowbite-solidgithub-solidgitlab-solidgoogle-solidhtml-solidinstagram-solidlaravel-solidlinkedin-solidmastercard-solidmongo-db-solidnpm-solidreddit-solidstackoverflow-solidtailwind-solidtwitter-solidvisa-solid
Use the react icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.718 12c0-1.429-1.339-2.681-3.467-3.5c.029-.18.077-.37.1-.545c.217-2.058-.273-3.543-1.379-4.182c-1.235-.714-2.983-.186-4.751 1.239C10.45 3.589 8.7 3.061 7.468 3.773c-1.107.639-1.6 2.124-1.379 4.182c.018.175.067.365.095.545c-2.127.819-3.466 2.071-3.466 3.5s1.339 2.681 3.466 3.5c-.028.18-.077.37-.095.545c-.218 2.058.272 3.543 1.379 4.182c.376.213.803.322 1.235.316a6 6 0 0 0 3.514-1.56a6 6 0 0 0 3.515 1.56a2.44 2.44 0 0 0 1.236-.316c1.106-.639 1.6-2.124 1.379-4.182c-.019-.175-.067-.365-.1-.545c2.132-.819 3.471-2.071 3.471-3.5m-6.01-7.548a1.5 1.5 0 0 1 .76.187c.733.424 1.055 1.593.884 3.212c-.012.106-.043.222-.058.33q-1.263-.365-2.57-.523a16 16 0 0 0-1.747-1.972a4.9 4.9 0 0 1 2.731-1.234m-7.917 8.781c.172.34.335.68.529 1.017s.395.656.6.969a14 14 0 0 1-1.607-.376a14 14 0 0 1 .478-1.61m-.479-4.076a14 14 0 0 1 1.607-.376q-.308.468-.6.969c-.195.335-.357.677-.529 1.017q-.286-.79-.478-1.61M8.3 12a19 19 0 0 1 .888-1.75q.496-.852 1.076-1.65c.619-.061 1.27-.1 1.954-.1q1.025.001 1.952.1a20 20 0 0 1 1.079 1.654q.488.851.887 1.746a19 19 0 0 1-1.953 3.403a19.2 19.2 0 0 1-3.931 0a20 20 0 0 1-1.066-1.653A19 19 0 0 1 8.3 12m7.816 2.25c.2-.337.358-.677.53-1.017q.286.791.478 1.611a15 15 0 0 1-1.607.376c.202-.314.404-.635.597-.97zm.53-3.483c-.172-.34-.335-.68-.53-1.017a20 20 0 0 0-.6-.97q.814.142 1.606.376a14 14 0 0 1-.478 1.611zM12.217 6.34q.6.563 1.13 1.193q-.555-.031-1.129-.033c-.574-.002-.76.013-1.131.033q.53-.63 1.13-1.193m-4.249-1.7a1.5 1.5 0 0 1 .76-.187a4.9 4.9 0 0 1 2.729 1.233A16 16 0 0 0 9.71 7.658q-1.306.158-2.569.524c-.015-.109-.047-.225-.058-.331c-.171-1.619.151-2.787.885-3.211M3.718 12c0-.9.974-1.83 2.645-2.506c.218.857.504 1.695.856 2.506c-.352.811-.638 1.65-.856 2.506C4.692 13.83 3.718 12.9 3.718 12m4.25 7.361c-.734-.423-1.056-1.593-.885-3.212c.011-.106.043-.222.058-.331q1.262.365 2.564.524a16.4 16.4 0 0 0 1.757 1.982c-1.421 1.109-2.714 1.488-3.494 1.037m3.11-2.895q.56.033 1.14.034q.58-.001 1.139-.034a14 14 0 0 1-1.14 1.215a14 14 0 0 1-1.139-1.215m5.39 2.895c-.782.451-2.075.072-3.5-1.038a16 16 0 0 0 1.757-1.981a16.4 16.4 0 0 0 2.565-.523c.015.108.046.224.058.33c.175 1.619-.148 2.789-.88 3.212m1.6-4.854A16.6 16.6 0 0 0 17.216 12q.529-1.22.856-2.507c1.671.677 2.646 1.607 2.646 2.507s-.975 1.83-2.646 2.507z"/><path d="M12.215 13.773a1.792 1.792 0 1 0-1.786-1.8v.006a1.787 1.787 0 0 0 1.786 1.794"/></g></svg>
React
import type { SVGProps } from "react";
export function FlowbiteReactSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.718 12c0-1.429-1.339-2.681-3.467-3.5c.029-.18.077-.37.1-.545c.217-2.058-.273-3.543-1.379-4.182c-1.235-.714-2.983-.186-4.751 1.239C10.45 3.589 8.7 3.061 7.468 3.773c-1.107.639-1.6 2.124-1.379 4.182c.018.175.067.365.095.545c-2.127.819-3.466 2.071-3.466 3.5s1.339 2.681 3.466 3.5c-.028.18-.077.37-.095.545c-.218 2.058.272 3.543 1.379 4.182c.376.213.803.322 1.235.316a6 6 0 0 0 3.514-1.56a6 6 0 0 0 3.515 1.56a2.44 2.44 0 0 0 1.236-.316c1.106-.639 1.6-2.124 1.379-4.182c-.019-.175-.067-.365-.1-.545c2.132-.819 3.471-2.071 3.471-3.5m-6.01-7.548a1.5 1.5 0 0 1 .76.187c.733.424 1.055 1.593.884 3.212c-.012.106-.043.222-.058.33q-1.263-.365-2.57-.523a16 16 0 0 0-1.747-1.972a4.9 4.9 0 0 1 2.731-1.234m-7.917 8.781c.172.34.335.68.529 1.017s.395.656.6.969a14 14 0 0 1-1.607-.376a14 14 0 0 1 .478-1.61m-.479-4.076a14 14 0 0 1 1.607-.376q-.308.468-.6.969c-.195.335-.357.677-.529 1.017q-.286-.79-.478-1.61M8.3 12a19 19 0 0 1 .888-1.75q.496-.852 1.076-1.65c.619-.061 1.27-.1 1.954-.1q1.025.001 1.952.1a20 20 0 0 1 1.079 1.654q.488.851.887 1.746a19 19 0 0 1-1.953 3.403a19.2 19.2 0 0 1-3.931 0a20 20 0 0 1-1.066-1.653A19 19 0 0 1 8.3 12m7.816 2.25c.2-.337.358-.677.53-1.017q.286.791.478 1.611a15 15 0 0 1-1.607.376c.202-.314.404-.635.597-.97zm.53-3.483c-.172-.34-.335-.68-.53-1.017a20 20 0 0 0-.6-.97q.814.142 1.606.376a14 14 0 0 1-.478 1.611zM12.217 6.34q.6.563 1.13 1.193q-.555-.031-1.129-.033c-.574-.002-.76.013-1.131.033q.53-.63 1.13-1.193m-4.249-1.7a1.5 1.5 0 0 1 .76-.187a4.9 4.9 0 0 1 2.729 1.233A16 16 0 0 0 9.71 7.658q-1.306.158-2.569.524c-.015-.109-.047-.225-.058-.331c-.171-1.619.151-2.787.885-3.211M3.718 12c0-.9.974-1.83 2.645-2.506c.218.857.504 1.695.856 2.506c-.352.811-.638 1.65-.856 2.506C4.692 13.83 3.718 12.9 3.718 12m4.25 7.361c-.734-.423-1.056-1.593-.885-3.212c.011-.106.043-.222.058-.331q1.262.365 2.564.524a16.4 16.4 0 0 0 1.757 1.982c-1.421 1.109-2.714 1.488-3.494 1.037m3.11-2.895q.56.033 1.14.034q.58-.001 1.139-.034a14 14 0 0 1-1.14 1.215a14 14 0 0 1-1.139-1.215m5.39 2.895c-.782.451-2.075.072-3.5-1.038a16 16 0 0 0 1.757-1.981a16.4 16.4 0 0 0 2.565-.523c.015.108.046.224.058.33c.175 1.619-.148 2.789-.88 3.212m1.6-4.854A16.6 16.6 0 0 0 17.216 12q.529-1.22.856-2.507c1.671.677 2.646 1.607 2.646 2.507s-.975 1.83-2.646 2.507z"/><path d="M12.215 13.773a1.792 1.792 0 1 0-1.786-1.8v.006a1.787 1.787 0 0 0 1.786 1.794"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.718 12c0-1.429-1.339-2.681-3.467-3.5c.029-.18.077-.37.1-.545c.217-2.058-.273-3.543-1.379-4.182c-1.235-.714-2.983-.186-4.751 1.239C10.45 3.589 8.7 3.061 7.468 3.773c-1.107.639-1.6 2.124-1.379 4.182c.018.175.067.365.095.545c-2.127.819-3.466 2.071-3.466 3.5s1.339 2.681 3.466 3.5c-.028.18-.077.37-.095.545c-.218 2.058.272 3.543 1.379 4.182c.376.213.803.322 1.235.316a6 6 0 0 0 3.514-1.56a6 6 0 0 0 3.515 1.56a2.44 2.44 0 0 0 1.236-.316c1.106-.639 1.6-2.124 1.379-4.182c-.019-.175-.067-.365-.1-.545c2.132-.819 3.471-2.071 3.471-3.5m-6.01-7.548a1.5 1.5 0 0 1 .76.187c.733.424 1.055 1.593.884 3.212c-.012.106-.043.222-.058.33q-1.263-.365-2.57-.523a16 16 0 0 0-1.747-1.972a4.9 4.9 0 0 1 2.731-1.234m-7.917 8.781c.172.34.335.68.529 1.017s.395.656.6.969a14 14 0 0 1-1.607-.376a14 14 0 0 1 .478-1.61m-.479-4.076a14 14 0 0 1 1.607-.376q-.308.468-.6.969c-.195.335-.357.677-.529 1.017q-.286-.79-.478-1.61M8.3 12a19 19 0 0 1 .888-1.75q.496-.852 1.076-1.65c.619-.061 1.27-.1 1.954-.1q1.025.001 1.952.1a20 20 0 0 1 1.079 1.654q.488.851.887 1.746a19 19 0 0 1-1.953 3.403a19.2 19.2 0 0 1-3.931 0a20 20 0 0 1-1.066-1.653A19 19 0 0 1 8.3 12m7.816 2.25c.2-.337.358-.677.53-1.017q.286.791.478 1.611a15 15 0 0 1-1.607.376c.202-.314.404-.635.597-.97zm.53-3.483c-.172-.34-.335-.68-.53-1.017a20 20 0 0 0-.6-.97q.814.142 1.606.376a14 14 0 0 1-.478 1.611zM12.217 6.34q.6.563 1.13 1.193q-.555-.031-1.129-.033c-.574-.002-.76.013-1.131.033q.53-.63 1.13-1.193m-4.249-1.7a1.5 1.5 0 0 1 .76-.187a4.9 4.9 0 0 1 2.729 1.233A16 16 0 0 0 9.71 7.658q-1.306.158-2.569.524c-.015-.109-.047-.225-.058-.331c-.171-1.619.151-2.787.885-3.211M3.718 12c0-.9.974-1.83 2.645-2.506c.218.857.504 1.695.856 2.506c-.352.811-.638 1.65-.856 2.506C4.692 13.83 3.718 12.9 3.718 12m4.25 7.361c-.734-.423-1.056-1.593-.885-3.212c.011-.106.043-.222.058-.331q1.262.365 2.564.524a16.4 16.4 0 0 0 1.757 1.982c-1.421 1.109-2.714 1.488-3.494 1.037m3.11-2.895q.56.033 1.14.034q.58-.001 1.139-.034a14 14 0 0 1-1.14 1.215a14 14 0 0 1-1.139-1.215m5.39 2.895c-.782.451-2.075.072-3.5-1.038a16 16 0 0 0 1.757-1.981a16.4 16.4 0 0 0 2.565-.523c.015.108.046.224.058.33c.175 1.619-.148 2.789-.88 3.212m1.6-4.854A16.6 16.6 0 0 0 17.216 12q.529-1.22.856-2.507c1.671.677 2.646 1.607 2.646 2.507s-.975 1.83-2.646 2.507z"/><path d="M12.215 13.773a1.792 1.792 0 1 0-1.786-1.8v.006a1.787 1.787 0 0 0 1.786 1.794"/></g></svg> </template>
CSS
.icon-react-solid {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.718%2012c0-1.429-1.339-2.681-3.467-3.5c.029-.18.077-.37.1-.545c.217-2.058-.273-3.543-1.379-4.182c-1.235-.714-2.983-.186-4.751%201.239C10.45%203.589%208.7%203.061%207.468%203.773c-1.107.639-1.6%202.124-1.379%204.182c.018.175.067.365.095.545c-2.127.819-3.466%202.071-3.466%203.5s1.339%202.681%203.466%203.5c-.028.18-.077.37-.095.545c-.218%202.058.272%203.543%201.379%204.182c.376.213.803.322%201.235.316a6%206%200%200%200%203.514-1.56a6%206%200%200%200%203.515%201.56a2.44%202.44%200%200%200%201.236-.316c1.106-.639%201.6-2.124%201.379-4.182c-.019-.175-.067-.365-.1-.545c2.132-.819%203.471-2.071%203.471-3.5m-6.01-7.548a1.5%201.5%200%200%201%20.76.187c.733.424%201.055%201.593.884%203.212c-.012.106-.043.222-.058.33q-1.263-.365-2.57-.523a16%2016%200%200%200-1.747-1.972a4.9%204.9%200%200%201%202.731-1.234m-7.917%208.781c.172.34.335.68.529%201.017s.395.656.6.969a14%2014%200%200%201-1.607-.376a14%2014%200%200%201%20.478-1.61m-.479-4.076a14%2014%200%200%201%201.607-.376q-.308.468-.6.969c-.195.335-.357.677-.529%201.017q-.286-.79-.478-1.61M8.3%2012a19%2019%200%200%201%20.888-1.75q.496-.852%201.076-1.65c.619-.061%201.27-.1%201.954-.1q1.025.001%201.952.1a20%2020%200%200%201%201.079%201.654q.488.851.887%201.746a19%2019%200%200%201-1.953%203.403a19.2%2019.2%200%200%201-3.931%200a20%2020%200%200%201-1.066-1.653A19%2019%200%200%201%208.3%2012m7.816%202.25c.2-.337.358-.677.53-1.017q.286.791.478%201.611a15%2015%200%200%201-1.607.376c.202-.314.404-.635.597-.97zm.53-3.483c-.172-.34-.335-.68-.53-1.017a20%2020%200%200%200-.6-.97q.814.142%201.606.376a14%2014%200%200%201-.478%201.611zM12.217%206.34q.6.563%201.13%201.193q-.555-.031-1.129-.033c-.574-.002-.76.013-1.131.033q.53-.63%201.13-1.193m-4.249-1.7a1.5%201.5%200%200%201%20.76-.187a4.9%204.9%200%200%201%202.729%201.233A16%2016%200%200%200%209.71%207.658q-1.306.158-2.569.524c-.015-.109-.047-.225-.058-.331c-.171-1.619.151-2.787.885-3.211M3.718%2012c0-.9.974-1.83%202.645-2.506c.218.857.504%201.695.856%202.506c-.352.811-.638%201.65-.856%202.506C4.692%2013.83%203.718%2012.9%203.718%2012m4.25%207.361c-.734-.423-1.056-1.593-.885-3.212c.011-.106.043-.222.058-.331q1.262.365%202.564.524a16.4%2016.4%200%200%200%201.757%201.982c-1.421%201.109-2.714%201.488-3.494%201.037m3.11-2.895q.56.033%201.14.034q.58-.001%201.139-.034a14%2014%200%200%201-1.14%201.215a14%2014%200%200%201-1.139-1.215m5.39%202.895c-.782.451-2.075.072-3.5-1.038a16%2016%200%200%200%201.757-1.981a16.4%2016.4%200%200%200%202.565-.523c.015.108.046.224.058.33c.175%201.619-.148%202.789-.88%203.212m1.6-4.854A16.6%2016.6%200%200%200%2017.216%2012q.529-1.22.856-2.507c1.671.677%202.646%201.607%202.646%202.507s-.975%201.83-2.646%202.507z%22%2F%3E%3Cpath%20d%3D%22M12.215%2013.773a1.792%201.792%200%201%200-1.786-1.8v.006a1.787%201.787%200%200%200%201.786%201.794%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.718%2012c0-1.429-1.339-2.681-3.467-3.5c.029-.18.077-.37.1-.545c.217-2.058-.273-3.543-1.379-4.182c-1.235-.714-2.983-.186-4.751%201.239C10.45%203.589%208.7%203.061%207.468%203.773c-1.107.639-1.6%202.124-1.379%204.182c.018.175.067.365.095.545c-2.127.819-3.466%202.071-3.466%203.5s1.339%202.681%203.466%203.5c-.028.18-.077.37-.095.545c-.218%202.058.272%203.543%201.379%204.182c.376.213.803.322%201.235.316a6%206%200%200%200%203.514-1.56a6%206%200%200%200%203.515%201.56a2.44%202.44%200%200%200%201.236-.316c1.106-.639%201.6-2.124%201.379-4.182c-.019-.175-.067-.365-.1-.545c2.132-.819%203.471-2.071%203.471-3.5m-6.01-7.548a1.5%201.5%200%200%201%20.76.187c.733.424%201.055%201.593.884%203.212c-.012.106-.043.222-.058.33q-1.263-.365-2.57-.523a16%2016%200%200%200-1.747-1.972a4.9%204.9%200%200%201%202.731-1.234m-7.917%208.781c.172.34.335.68.529%201.017s.395.656.6.969a14%2014%200%200%201-1.607-.376a14%2014%200%200%201%20.478-1.61m-.479-4.076a14%2014%200%200%201%201.607-.376q-.308.468-.6.969c-.195.335-.357.677-.529%201.017q-.286-.79-.478-1.61M8.3%2012a19%2019%200%200%201%20.888-1.75q.496-.852%201.076-1.65c.619-.061%201.27-.1%201.954-.1q1.025.001%201.952.1a20%2020%200%200%201%201.079%201.654q.488.851.887%201.746a19%2019%200%200%201-1.953%203.403a19.2%2019.2%200%200%201-3.931%200a20%2020%200%200%201-1.066-1.653A19%2019%200%200%201%208.3%2012m7.816%202.25c.2-.337.358-.677.53-1.017q.286.791.478%201.611a15%2015%200%200%201-1.607.376c.202-.314.404-.635.597-.97zm.53-3.483c-.172-.34-.335-.68-.53-1.017a20%2020%200%200%200-.6-.97q.814.142%201.606.376a14%2014%200%200%201-.478%201.611zM12.217%206.34q.6.563%201.13%201.193q-.555-.031-1.129-.033c-.574-.002-.76.013-1.131.033q.53-.63%201.13-1.193m-4.249-1.7a1.5%201.5%200%200%201%20.76-.187a4.9%204.9%200%200%201%202.729%201.233A16%2016%200%200%200%209.71%207.658q-1.306.158-2.569.524c-.015-.109-.047-.225-.058-.331c-.171-1.619.151-2.787.885-3.211M3.718%2012c0-.9.974-1.83%202.645-2.506c.218.857.504%201.695.856%202.506c-.352.811-.638%201.65-.856%202.506C4.692%2013.83%203.718%2012.9%203.718%2012m4.25%207.361c-.734-.423-1.056-1.593-.885-3.212c.011-.106.043-.222.058-.331q1.262.365%202.564.524a16.4%2016.4%200%200%200%201.757%201.982c-1.421%201.109-2.714%201.488-3.494%201.037m3.11-2.895q.56.033%201.14.034q.58-.001%201.139-.034a14%2014%200%200%201-1.14%201.215a14%2014%200%200%201-1.139-1.215m5.39%202.895c-.782.451-2.075.072-3.5-1.038a16%2016%200%200%200%201.757-1.981a16.4%2016.4%200%200%200%202.565-.523c.015.108.046.224.058.33c.175%201.619-.148%202.789-.88%203.212m1.6-4.854A16.6%2016.6%200%200%200%2017.216%2012q.529-1.22.856-2.507c1.671.677%202.646%201.607%202.646%202.507s-.975%201.83-2.646%202.507z%22%2F%3E%3Cpath%20d%3D%22M12.215%2013.773a1.792%201.792%200%201%200-1.786-1.8v.006a1.787%201.787%200%200%200%201.786%201.794%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/react-solid.svg?color=%231a73e8&size=48
