How to use the Timor-Leste icon
import { TimorLesteFlag } from "@/assets/icons/timorlesteFlag"
export default function Example() {
return <TimorLesteFlag width="32px" height="32px" />
}Flags icon
Timor-Leste JSX Icon
Copy the Timor-Leste icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentTimorLesteFlag
FiletimorlesteFlag.jsx
CategoryFlags
Copy-ready code
Timor-Leste React JSX component
// Source: https://raw.githubusercontent.com/lipis/flag-icons/086f7e97d657358203916dbe84f61c2bccaa81eb/flags/4x3/tl.svg
// Asset license: flag-icons MIT. Country flags are national symbols; use respectfully and verify local requirements where applicable.
export const TimorLesteFlag = ({ width = "40px", height = "30px", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet">
<defs>
<clipPath id="tl-a">
<path fillOpacity=".7" d="M0 0h682.7v512H0z"/>
</clipPath>
</defs>
<g fillRule="evenodd" clipPath="url(#tl-a)" transform="scale(.9375)">
<path fill="#cb000f" d="M0 0h1031.2v512H0z"/>
<path fill="#f8c00c" d="M0 0c3.2 0 512 256.7 512 256.7L0 512z"/>
<path fill="#000001" d="M0 0c2.1 0 340.6 256.7 340.6 256.7L0 512z"/>
<path fill="#fff" d="M187.7 298.2 127 284.7l-31 52.8-5-59.7-60.7-13.3 54.9-24.9-3.3-59.3 40.2 43.4 55.4-25.3-28.9 54 39.2 45.8z"/>
</g>
</svg>
)
Built for the web
Use it in your stack
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 flags collection.
Related JSX icons
FAQ
Is the Timor-Leste JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.