How to use the Internet Explorer icon
import { InternetExplorerIcon } from "@/assets/icons/internetExplorerIcon"
export default function Example() {
return <InternetExplorerIcon width="32px" height="32px" />
}Brands icon
Copy the Internet Explorer icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
export const InternetExplorerIcon = ({ width = "40px", height = "40px", color = "#00BBF5", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 -0.5 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
<g id="Icons" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
<g id="Color-" transform="translate(-600.000000, -1043.000000)" fill={color}>
<path
d="M626.512212,1079.45619 C621.229769,1079.45619 617.467597,1074.87687 617.336529,1070.22142 L647.958643,1070.22142 C648.426176,1060.19569 644.958761,1053.08546 636.076205,1048.12572 C637.373951,1046.70604 648.005594,1042.97005 645.284742,1053.12404 L646.329556,1054.63469 C650.941514,1040.66277 637.089214,1041.42244 627.923201,1045.85669 C614.711677,1045.81312 607.231255,1054.07989 605.175296,1062.56403 C608.746633,1057.46397 613.363251,1054.44164 616.374083,1053.60121 C599.143378,1067.38344 591.136704,1097.78101 614.536803,1088.14717 L612.912727,1087.17349 C598.830679,1091.5907 604.271685,1079.10695 606.981702,1077.30651 C610.225661,1083.90608 617.137656,1089.18053 625.593455,1089.18053 C636.355001,1089.18053 644.349325,1083.65325 647.521167,1074.48545 L635.097565,1074.48545 C633.303741,1077.66328 630.810306,1079.45619 626.512212,1079.45619 L626.512212,1079.45619 Z M626.512212,1055.78751 C631.794538,1055.78751 635.316128,1059.90995 635.447312,1063.99982 L617.46783,1063.99982 C617.64282,1060.51909 620.868954,1055.78751 626.512212,1055.78751 L626.512212,1055.78751 Z"
id="internetexplorer"></path>
</g>
</g>
</svg>
);
import { InternetExplorerIcon } from "@/assets/icons/internetExplorerIcon"
export default function Example() {
return <InternetExplorerIcon width="32px" height="32px" />
}Built for the web
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.