file type reactjs logo
file-type-reactjs from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-reactjs
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type reactjs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="16" cy="15.974" r="2.5" fill="#00d8ff"/><path fill="#00d8ff" d="M16 21.706a28.4 28.4 0 0 1-8.88-1.2a11.3 11.3 0 0 1-3.657-1.958A3.54 3.54 0 0 1 2 15.974c0-1.653 1.816-3.273 4.858-4.333A28.8 28.8 0 0 1 16 10.293a28.7 28.7 0 0 1 9.022 1.324a11.4 11.4 0 0 1 3.538 1.866A3.4 3.4 0 0 1 30 15.974c0 1.718-2.03 3.459-5.3 4.541a28.8 28.8 0 0 1-8.7 1.191m0-10.217a28 28 0 0 0-8.749 1.282c-2.8.977-4.055 2.313-4.055 3.2c0 .928 1.349 2.387 4.311 3.4A27.2 27.2 0 0 0 16 20.51a27.6 27.6 0 0 0 8.325-1.13C27.4 18.361 28.8 16.9 28.8 15.974a2.33 2.33 0 0 0-1.01-1.573a10.2 10.2 0 0 0-3.161-1.654A27.5 27.5 0 0 0 16 11.489"/><path fill="#00d8ff" d="M10.32 28.443a2.64 2.64 0 0 1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.8 28.8 0 0 1 3.4-8.593a28.7 28.7 0 0 1 5.653-7.154a11.4 11.4 0 0 1 3.384-2.133a3.4 3.4 0 0 1 2.878 0c1.489.858 1.982 3.486 1.287 6.859a28.8 28.8 0 0 1-3.316 8.133a28.4 28.4 0 0 1-5.476 7.093a11.3 11.3 0 0 1-3.523 2.189a4.9 4.9 0 0 1-1.624.307m1.773-14.7a28 28 0 0 0-3.26 8.219c-.553 2.915-.022 4.668.75 5.114c.8.463 2.742.024 5.1-2.036a27.2 27.2 0 0 0 5.227-6.79a27.6 27.6 0 0 0 3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.33 2.33 0 0 0-1.868.089A10.2 10.2 0 0 0 17.5 6.9a27.5 27.5 0 0 0-5.4 6.849Z"/><path fill="#00d8ff" d="M21.677 28.456c-1.355 0-3.076-.82-4.868-2.361a28.8 28.8 0 0 1-5.747-7.237a28.7 28.7 0 0 1-3.374-8.471a11.4 11.4 0 0 1-.158-4A3.4 3.4 0 0 1 8.964 3.9c1.487-.861 4.01.024 6.585 2.31a28.8 28.8 0 0 1 5.39 6.934a28.4 28.4 0 0 1 3.41 8.287a11.3 11.3 0 0 1 .137 4.146a3.54 3.54 0 0 1-1.494 2.555a2.6 2.6 0 0 1-1.315.324m-9.58-10.2a28 28 0 0 0 5.492 6.929c2.249 1.935 4.033 2.351 4.8 1.9c.8-.465 1.39-2.363.782-5.434A27.2 27.2 0 0 0 19.9 13.74a27.6 27.6 0 0 0-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.33 2.33 0 0 0-.855 1.662a10.2 10.2 0 0 0 .153 3.565a27.5 27.5 0 0 0 3.236 8.1Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeReactjs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="16" cy="15.974" r="2.5" fill="#00d8ff"/><path fill="#00d8ff" d="M16 21.706a28.4 28.4 0 0 1-8.88-1.2a11.3 11.3 0 0 1-3.657-1.958A3.54 3.54 0 0 1 2 15.974c0-1.653 1.816-3.273 4.858-4.333A28.8 28.8 0 0 1 16 10.293a28.7 28.7 0 0 1 9.022 1.324a11.4 11.4 0 0 1 3.538 1.866A3.4 3.4 0 0 1 30 15.974c0 1.718-2.03 3.459-5.3 4.541a28.8 28.8 0 0 1-8.7 1.191m0-10.217a28 28 0 0 0-8.749 1.282c-2.8.977-4.055 2.313-4.055 3.2c0 .928 1.349 2.387 4.311 3.4A27.2 27.2 0 0 0 16 20.51a27.6 27.6 0 0 0 8.325-1.13C27.4 18.361 28.8 16.9 28.8 15.974a2.33 2.33 0 0 0-1.01-1.573a10.2 10.2 0 0 0-3.161-1.654A27.5 27.5 0 0 0 16 11.489"/><path fill="#00d8ff" d="M10.32 28.443a2.64 2.64 0 0 1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.8 28.8 0 0 1 3.4-8.593a28.7 28.7 0 0 1 5.653-7.154a11.4 11.4 0 0 1 3.384-2.133a3.4 3.4 0 0 1 2.878 0c1.489.858 1.982 3.486 1.287 6.859a28.8 28.8 0 0 1-3.316 8.133a28.4 28.4 0 0 1-5.476 7.093a11.3 11.3 0 0 1-3.523 2.189a4.9 4.9 0 0 1-1.624.307m1.773-14.7a28 28 0 0 0-3.26 8.219c-.553 2.915-.022 4.668.75 5.114c.8.463 2.742.024 5.1-2.036a27.2 27.2 0 0 0 5.227-6.79a27.6 27.6 0 0 0 3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.33 2.33 0 0 0-1.868.089A10.2 10.2 0 0 0 17.5 6.9a27.5 27.5 0 0 0-5.4 6.849Z"/><path fill="#00d8ff" d="M21.677 28.456c-1.355 0-3.076-.82-4.868-2.361a28.8 28.8 0 0 1-5.747-7.237a28.7 28.7 0 0 1-3.374-8.471a11.4 11.4 0 0 1-.158-4A3.4 3.4 0 0 1 8.964 3.9c1.487-.861 4.01.024 6.585 2.31a28.8 28.8 0 0 1 5.39 6.934a28.4 28.4 0 0 1 3.41 8.287a11.3 11.3 0 0 1 .137 4.146a3.54 3.54 0 0 1-1.494 2.555a2.6 2.6 0 0 1-1.315.324m-9.58-10.2a28 28 0 0 0 5.492 6.929c2.249 1.935 4.033 2.351 4.8 1.9c.8-.465 1.39-2.363.782-5.434A27.2 27.2 0 0 0 19.9 13.74a27.6 27.6 0 0 0-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.33 2.33 0 0 0-.855 1.662a10.2 10.2 0 0 0 .153 3.565a27.5 27.5 0 0 0 3.236 8.1Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="16" cy="15.974" r="2.5" fill="#00d8ff"/><path fill="#00d8ff" d="M16 21.706a28.4 28.4 0 0 1-8.88-1.2a11.3 11.3 0 0 1-3.657-1.958A3.54 3.54 0 0 1 2 15.974c0-1.653 1.816-3.273 4.858-4.333A28.8 28.8 0 0 1 16 10.293a28.7 28.7 0 0 1 9.022 1.324a11.4 11.4 0 0 1 3.538 1.866A3.4 3.4 0 0 1 30 15.974c0 1.718-2.03 3.459-5.3 4.541a28.8 28.8 0 0 1-8.7 1.191m0-10.217a28 28 0 0 0-8.749 1.282c-2.8.977-4.055 2.313-4.055 3.2c0 .928 1.349 2.387 4.311 3.4A27.2 27.2 0 0 0 16 20.51a27.6 27.6 0 0 0 8.325-1.13C27.4 18.361 28.8 16.9 28.8 15.974a2.33 2.33 0 0 0-1.01-1.573a10.2 10.2 0 0 0-3.161-1.654A27.5 27.5 0 0 0 16 11.489"/><path fill="#00d8ff" d="M10.32 28.443a2.64 2.64 0 0 1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.8 28.8 0 0 1 3.4-8.593a28.7 28.7 0 0 1 5.653-7.154a11.4 11.4 0 0 1 3.384-2.133a3.4 3.4 0 0 1 2.878 0c1.489.858 1.982 3.486 1.287 6.859a28.8 28.8 0 0 1-3.316 8.133a28.4 28.4 0 0 1-5.476 7.093a11.3 11.3 0 0 1-3.523 2.189a4.9 4.9 0 0 1-1.624.307m1.773-14.7a28 28 0 0 0-3.26 8.219c-.553 2.915-.022 4.668.75 5.114c.8.463 2.742.024 5.1-2.036a27.2 27.2 0 0 0 5.227-6.79a27.6 27.6 0 0 0 3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.33 2.33 0 0 0-1.868.089A10.2 10.2 0 0 0 17.5 6.9a27.5 27.5 0 0 0-5.4 6.849Z"/><path fill="#00d8ff" d="M21.677 28.456c-1.355 0-3.076-.82-4.868-2.361a28.8 28.8 0 0 1-5.747-7.237a28.7 28.7 0 0 1-3.374-8.471a11.4 11.4 0 0 1-.158-4A3.4 3.4 0 0 1 8.964 3.9c1.487-.861 4.01.024 6.585 2.31a28.8 28.8 0 0 1 5.39 6.934a28.4 28.4 0 0 1 3.41 8.287a11.3 11.3 0 0 1 .137 4.146a3.54 3.54 0 0 1-1.494 2.555a2.6 2.6 0 0 1-1.315.324m-9.58-10.2a28 28 0 0 0 5.492 6.929c2.249 1.935 4.033 2.351 4.8 1.9c.8-.465 1.39-2.363.782-5.434A27.2 27.2 0 0 0 19.9 13.74a27.6 27.6 0 0 0-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.33 2.33 0 0 0-.855 1.662a10.2 10.2 0 0 0 .153 3.565a27.5 27.5 0 0 0 3.236 8.1Z"/></svg> </template>
CSS
.icon-file-type-reactjs {
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%3Ccircle%20cx%3D%2216%22%20cy%3D%2215.974%22%20r%3D%222.5%22%20fill%3D%22%2300d8ff%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M16%2021.706a28.4%2028.4%200%200%201-8.88-1.2a11.3%2011.3%200%200%201-3.657-1.958A3.54%203.54%200%200%201%202%2015.974c0-1.653%201.816-3.273%204.858-4.333A28.8%2028.8%200%200%201%2016%2010.293a28.7%2028.7%200%200%201%209.022%201.324a11.4%2011.4%200%200%201%203.538%201.866A3.4%203.4%200%200%201%2030%2015.974c0%201.718-2.03%203.459-5.3%204.541a28.8%2028.8%200%200%201-8.7%201.191m0-10.217a28%2028%200%200%200-8.749%201.282c-2.8.977-4.055%202.313-4.055%203.2c0%20.928%201.349%202.387%204.311%203.4A27.2%2027.2%200%200%200%2016%2020.51a27.6%2027.6%200%200%200%208.325-1.13C27.4%2018.361%2028.8%2016.9%2028.8%2015.974a2.33%202.33%200%200%200-1.01-1.573a10.2%2010.2%200%200%200-3.161-1.654A27.5%2027.5%200%200%200%2016%2011.489%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M10.32%2028.443a2.64%202.64%200%200%201-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.8%2028.8%200%200%201%203.4-8.593a28.7%2028.7%200%200%201%205.653-7.154a11.4%2011.4%200%200%201%203.384-2.133a3.4%203.4%200%200%201%202.878%200c1.489.858%201.982%203.486%201.287%206.859a28.8%2028.8%200%200%201-3.316%208.133a28.4%2028.4%200%200%201-5.476%207.093a11.3%2011.3%200%200%201-3.523%202.189a4.9%204.9%200%200%201-1.624.307m1.773-14.7a28%2028%200%200%200-3.26%208.219c-.553%202.915-.022%204.668.75%205.114c.8.463%202.742.024%205.1-2.036a27.2%2027.2%200%200%200%205.227-6.79a27.6%2027.6%200%200%200%203.181-7.776c.654-3.175.089-5.119-.713-5.581a2.33%202.33%200%200%200-1.868.089A10.2%2010.2%200%200%200%2017.5%206.9a27.5%2027.5%200%200%200-5.4%206.849Z%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M21.677%2028.456c-1.355%200-3.076-.82-4.868-2.361a28.8%2028.8%200%200%201-5.747-7.237a28.7%2028.7%200%200%201-3.374-8.471a11.4%2011.4%200%200%201-.158-4A3.4%203.4%200%200%201%208.964%203.9c1.487-.861%204.01.024%206.585%202.31a28.8%2028.8%200%200%201%205.39%206.934a28.4%2028.4%200%200%201%203.41%208.287a11.3%2011.3%200%200%201%20.137%204.146a3.54%203.54%200%200%201-1.494%202.555a2.6%202.6%200%200%201-1.315.324m-9.58-10.2a28%2028%200%200%200%205.492%206.929c2.249%201.935%204.033%202.351%204.8%201.9c.8-.465%201.39-2.363.782-5.434A27.2%2027.2%200%200%200%2019.9%2013.74a27.6%2027.6%200%200%200-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.33%202.33%200%200%200-.855%201.662a10.2%2010.2%200%200%200%20.153%203.565a27.5%2027.5%200%200%200%203.236%208.1Z%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%3Ccircle%20cx%3D%2216%22%20cy%3D%2215.974%22%20r%3D%222.5%22%20fill%3D%22%2300d8ff%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M16%2021.706a28.4%2028.4%200%200%201-8.88-1.2a11.3%2011.3%200%200%201-3.657-1.958A3.54%203.54%200%200%201%202%2015.974c0-1.653%201.816-3.273%204.858-4.333A28.8%2028.8%200%200%201%2016%2010.293a28.7%2028.7%200%200%201%209.022%201.324a11.4%2011.4%200%200%201%203.538%201.866A3.4%203.4%200%200%201%2030%2015.974c0%201.718-2.03%203.459-5.3%204.541a28.8%2028.8%200%200%201-8.7%201.191m0-10.217a28%2028%200%200%200-8.749%201.282c-2.8.977-4.055%202.313-4.055%203.2c0%20.928%201.349%202.387%204.311%203.4A27.2%2027.2%200%200%200%2016%2020.51a27.6%2027.6%200%200%200%208.325-1.13C27.4%2018.361%2028.8%2016.9%2028.8%2015.974a2.33%202.33%200%200%200-1.01-1.573a10.2%2010.2%200%200%200-3.161-1.654A27.5%2027.5%200%200%200%2016%2011.489%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M10.32%2028.443a2.64%202.64%200%200%201-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.8%2028.8%200%200%201%203.4-8.593a28.7%2028.7%200%200%201%205.653-7.154a11.4%2011.4%200%200%201%203.384-2.133a3.4%203.4%200%200%201%202.878%200c1.489.858%201.982%203.486%201.287%206.859a28.8%2028.8%200%200%201-3.316%208.133a28.4%2028.4%200%200%201-5.476%207.093a11.3%2011.3%200%200%201-3.523%202.189a4.9%204.9%200%200%201-1.624.307m1.773-14.7a28%2028%200%200%200-3.26%208.219c-.553%202.915-.022%204.668.75%205.114c.8.463%202.742.024%205.1-2.036a27.2%2027.2%200%200%200%205.227-6.79a27.6%2027.6%200%200%200%203.181-7.776c.654-3.175.089-5.119-.713-5.581a2.33%202.33%200%200%200-1.868.089A10.2%2010.2%200%200%200%2017.5%206.9a27.5%2027.5%200%200%200-5.4%206.849Z%22%2F%3E%3Cpath%20fill%3D%22%2300d8ff%22%20d%3D%22M21.677%2028.456c-1.355%200-3.076-.82-4.868-2.361a28.8%2028.8%200%200%201-5.747-7.237a28.7%2028.7%200%200%201-3.374-8.471a11.4%2011.4%200%200%201-.158-4A3.4%203.4%200%200%201%208.964%203.9c1.487-.861%204.01.024%206.585%202.31a28.8%2028.8%200%200%201%205.39%206.934a28.4%2028.4%200%200%201%203.41%208.287a11.3%2011.3%200%200%201%20.137%204.146a3.54%203.54%200%200%201-1.494%202.555a2.6%202.6%200%200%201-1.315.324m-9.58-10.2a28%2028%200%200%200%205.492%206.929c2.249%201.935%204.033%202.351%204.8%201.9c.8-.465%201.39-2.363.782-5.434A27.2%2027.2%200%200%200%2019.9%2013.74a27.6%2027.6%200%200%200-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.33%202.33%200%200%200-.855%201.662a10.2%2010.2%200%200%200%20.153%203.565a27.5%2027.5%200%200%200%203.236%208.1Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-reactjs.svg?color=%231a73e8&size=48
