{"id":19976636,"url":"https://github.com/erossini/blazoriconsandflags","last_synced_at":"2025-10-18T15:26:39.569Z","repository":{"id":150092958,"uuid":"452215256","full_name":"erossini/BlazorIconsAndFlags","owner":"erossini","description":"Show beautiful SVG icons and SVG flags in your Razor pages","archived":false,"fork":false,"pushed_at":"2024-10-01T11:39:18.000Z","size":1633,"stargazers_count":4,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-04T03:34:36.490Z","etag":null,"topics":["blazor","blazor-component","blazor-components","blazor-server","blazor-webassembly","icons"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/erossini.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-01-26T09:31:39.000Z","updated_at":"2024-11-17T07:19:01.000Z","dependencies_parsed_at":"2025-05-04T03:30:39.827Z","dependency_job_id":null,"html_url":"https://github.com/erossini/BlazorIconsAndFlags","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/erossini/BlazorIconsAndFlags","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erossini%2FBlazorIconsAndFlags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erossini%2FBlazorIconsAndFlags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erossini%2FBlazorIconsAndFlags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erossini%2FBlazorIconsAndFlags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/erossini","download_url":"https://codeload.github.com/erossini/BlazorIconsAndFlags/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/erossini%2FBlazorIconsAndFlags/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276179254,"owners_count":25598565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-20T02:00:10.207Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor","blazor-component","blazor-components","blazor-server","blazor-webassembly","icons"],"created_at":"2024-11-13T03:24:47.653Z","updated_at":"2025-09-21T00:31:03.755Z","avatar_url":"https://github.com/erossini.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SVG Icons and flags for Blazor\nThis component helps you to display a SVG image in your application. All the icon are embedded in the component. Also, you have the complete SVG images for flags.\n\nThe class `SVGIcons` has already 1298 SVG images ready to use. `SVGFlags` contains all the flags in SVG in 2 formats: square and wide.\n\nThe [NuGet package](https://www.nuget.org/packages/PSC.Blazor.Components.Icons/) for this component is available.\n\n### OnClick\nThis is an `EventCallback\u003cMouseEventArgs\u003e` if you want to receive a callback when you user clicks on the image.\n\n### Color\nThe color of the SVG image.\n\n### Size \nThe size of the image in pixel (default 24 pixels). This value is applied to `Height` and `Width`. So, the image is a square.\n\n### StrokeWidth\nThe size of the pen to draw the image (default 2 pixels)\n\n### Elements\nSVG image to display. If you have an SVG image pass only the content of SVG tag. For example if you want to display `_2fa`:\n\n```\n\u003cpath stroke='none' d='M0 0h24v24H0z' fill='none' /\u003e\n\u003cpath d='M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54' /\u003e\n\u003cpath d='M10 16v-8h4' /\u003e\n\u003cline x1='10' y1='12' x2='13' y2='12' /\u003e\n\u003cpath d='M17 16v-6a2 2 0 0 1 4 0v6' /\u003e\n\u003cline x1='17' y1='13' x2='21' y2='13' /\u003e\n```\n\n### Filled\nDefine is you want to fill the image.\n\n### Rotate\nThe rotation to apply to your image\n\n### Examples\n\n#### Basic use\n\n```\n\u003cSVGIcon Elements=\"@SVGIcons.Code\" /\u003e\n```\n\n#### Size and color\n\n```\n\u003cSVGIcon Elements=\"@SVGIcon.Credit_card\" Size=\"16\" Color=\"blue\" /\u003e\n```\n\n#### CSS class\n\n```\n\u003cSVGIcon class=\"icon\" Elements=\"@SVGIcons.Alarm\" /\u003e\n\u003cSVGIcon class=\"icon\" Elements=\"@SVGIcons.Code\" /\u003e\n\u003cSVGIcon class=\"icon\" Elements=\"@SVGIcons.Copy\" Color=\"blue\" /\u003e\n```\n\n# Flags\n\n### OnClick\nThis is an `EventCallback\u003cMouseEventArgs\u003e` if you want to receive a callback when you user clicks on the image.\n\n### FlagType\nThe image could be:\n- Square \n- Wide\n\n### Width\nIt is the width of the image. The default value is `120`.\n\n### Height\nIt is the height of the image. The default value is `100`.\n\n### CountryCode\nThis is the code of the country with 2 letters.\n\n| Country code | Country name |\n|--------------|--------------|\n| ac | Ascension Island |\n| ad | Andorra |\n| ae | United Arab Emirates |\n| af | Afghanistan |\n| ag | Antigua and Barbuda |\n| ai | Anguilla |\n| al | Albania |\n| am | Armenia |\n| ao | Angola |\n| aq | Antarctica |\n| ar | Argentina |\n| as | American Samoa |\n| at | Austria |\n| au | Australia |\n| aw | Aruba |\n| ax | Aland Islands |\n| az | Azerbaijan |\n| ba | Bosnia and Herzegovina |\n| bb | Barbados |\n| bd | Bangladesh |\n| be | Belgium |\n| bf | Burkina Faso |\n| bg | Bulgaria |\n| bh | Bahrain |\n| bi | Burundi |\n| bj | Benin |\n| bl | Saint Barthélemy |\n| bm | Bermuda |\n| bn | Brunei Darussalam |\n| bo | Bolivia (Plurinational State of) |\n| bq | Bonaire, Sint Eustatius and Saba |\n| br | Brazil |\n| bs | Bahamas |\n| bt | Bhutan |\n| bv | Bouvet Island |\n| bw | Botswana |\n| by | Belarus |\n| bz | Belize |\n| ca | Canada |\n| cc | Cocos (Keeling) Islands |\n| cd | Democratic Republic of the Congo |\n| cf | Central African Republic |\n| cg | Republic of the Congo |\n| ch | Switzerland |\n| ci | Côte d'Ivoire |\n| ck | Cook Islands |\n| cl | Chile |\n| cm | Cameroon |\n| cn | China |\n| co | Colombia |\n| cp | Clipperton Island |\n| cr | Costa Rica |\n| cu | Cuba |\n| cv | Cabo Verde |\n| cw | Curaçao |\n| cx | Christmas Island |\n| cy | Cyprus |\n| cz | Czech Republic |\n| de | Germany |\n| dg | Diego Garcia |\n| dj | Djibouti |\n| dk | Denmark |\n| dm | Dominica |\n| do | Dominican Republic |\n| dz | Algeria |\n| ea | Ceuta \u0026 Melilla |\n| ec | Ecuador |\n| ee | Estonia |\n| eg | Egypt |\n| eh | Western Sahara |\n| er | Eritrea |\n| es | Spain |\n| es-ct | Catalonia |\n| es-ga | Galicia |\n| et | Ethiopia |\n| eu | Europe |\n| fi | Finland |\n| fj | Fiji |\n| fk | Falkland Islands |\n| fm | Federated States of Micronesia |\n| fo | Faroe Islands |\n| fr | France |\n| ga | Gabon |\n| gb | United Kingdom |\n| gb-eng | England |\n| gb-nir | Northern Ireland |\n| gb-sct | Scotland |\n| gb-wls | Wales |\n| gd | Grenada |\n| ge | Georgia |\n| gf | French Guiana |\n| gg | Guernsey |\n| gh | Ghana |\n| gi | Gibraltar |\n| gl | Greenland |\n| gm | Gambia |\n| gn | Guinea |\n| gp | Guadeloupe |\n| gq | Equatorial Guinea |\n| gr | Greece |\n| gs | South Georgia and the South Sandwich Islands |\n| gt | Guatemala |\n| gu | Guam |\n| gw | Guinea-Bissau |\n| gy | Guyana |\n| hk | Hong Kong |\n| hm | Heard Island and McDonald Islands |\n| hn | Honduras |\n| hr | Croatia |\n| ht | Haiti |\n| hu | Hungary |\n| ic | Canary Islands |\n| id | Indonesia |\n| ie | Ireland |\n| il | Israel |\n| im | Isle of Man |\n| in | India |\n| io | British Indian Ocean Territory |\n| iq | Iraq |\n| ir | Iran (Islamic Republic of) |\n| is | Iceland |\n| it | Italy |\n| lg | LGBT |\n| je | Jersey |\n| jm | Jamaica |\n| jo | Jordan |\n| jp | Japan |\n| ke | Kenya |\n| kg | Kyrgyzstan |\n| kh | Cambodia |\n| ki | Kiribati |\n| km | Comoros |\n| kn | Saint Kitts and Nevis |\n| kp | North Korea |\n| kr | South Korea |\n| kw | Kuwait |\n| ky | Cayman Islands |\n| kz | Kazakhstan |\n| la | Laos |\n| lb | Lebanon |\n| lc | Saint Lucia |\n| li | Liechtenstein |\n| lk | Sri Lanka |\n| lr | Liberia |\n| ls | Lesotho |\n| lt | Lithuania |\n| lu | Luxembourg |\n| lv | Latvia |\n| ly | Libya |\n| ma | Morocco |\n| mc | Monaco |\n| md | Moldova |\n| me | Montenegro |\n| mf | Saint Martin |\n| mg | Madagascar |\n| mh | Marshall Islands |\n| mk | North Macedonia |\n| ml | Mali |\n| mm | Myanmar |\n| mn | Mongolia |\n| mo | Macau |\n| mp | Northern Mariana Islands |\n| mq | Martinique |\n| mr | Mauritania |\n| ms | Montserrat |\n| mt | Malta |\n| mu | Mauritius |\n| mv | Maldives |\n| mw | Malawi |\n| mx | Mexico |\n| my | Malaysia |\n| mz | Mozambique |\n| na | Namibia |\n| nc | New Caledonia |\n| ne | Niger |\n| nf | Norfolk Island |\n| ng | Nigeria |\n| ni | Nicaragua |\n| nl | Netherlands |\n| no | Norway |\n| np | Nepal |\n| nr | Nauru |\n| nu | Niue |\n| nz | New Zealand |\n| om | Oman |\n| pa | Panama |\n| pe | Peru |\n| pf | French Polynesia |\n| pg | Papua New Guinea |\n| ph | Philippines |\n| pk | Pakistan |\n| pl | Poland |\n| pm | Saint Pierre and Miquelon |\n| pn | Pitcairn |\n| pr | Puerto Rico |\n| ps | State of Palestine |\n| pt | Portugal |\n| pw | Palau |\n| py | Paraguay |\n| qa | Qatar |\n| re | Réunion |\n| ro | Romania |\n| rs | Serbia |\n| ru | Russia |\n| rw | Rwanda |\n| sa | Saudi Arabia |\n| sb | Solomon Islands |\n| sc | Seychelles |\n| sd | Sudan |\n| se | Sweden |\n| sg | Singapore |\n| sh | Saint Helena, Ascension and Tristan da Cunha |\n| si | Slovenia |\n| sj | Svalbard and Jan Mayen |\n| sk | Slovakia |\n| sl | Sierra Leone |\n| sm | San Marino |\n| sn | Senegal |\n| so | Somalia |\n| sr | Suriname |\n| ss | South Sudan |\n| st | Sao Tome and Principe |\n| sv | El Salvador |\n| sx | Sint Maarten |\n| sy | Syrian Arab Republic |\n| sz | Swaziland |\n| ta | Tristan da Cunha |\n| tc | Turks and Caicos Islands |\n| td | Chad |\n| tf | French Southern Territories |\n| tg | Togo |\n| th | Thailand |\n| tj | Tajikistan |\n| tk | Tokelau |\n| tl | Timor-Leste |\n| tm | Turkmenistan |\n| tn | Tunisia |\n| to | Tonga |\n| tr | Turkey |\n| tt | Trinidad and Tobago |\n| tv | Tuvalu |\n| tw | Taiwan |\n| tz | Tanzania |\n| ua | Ukraine |\n| ug | Uganda |\n| um | United States Minor Outlying Islands |\n| un | United Nations |\n| us | United States of America |\n| uy | Uruguay |\n| uz | Uzbekistan |\n| va | Holy See |\n| vc | Saint Vincent and the Grenadines |\n| ve | Venezuela (Bolivarian Republic of) |\n| vg | Virgin Islands (British) |\n| vi | Virgin Islands (U.S.) |\n| vn | Vietnam |\n| vu | Vanuatu |\n| wf | Wallis and Futuna |\n| ws | Samoa |\n| xk | Kosovo |\n| xx | Unknown |\n| ye | Yemen |\n| yt | Mayotte |\n| za | South Africa |\n| zm | Zambia |\n| zw | Zimbabwe |\n\n### Examples\n\n```\n\u003cSVGFlag CountryCode=\"GB\" FlagType=\"FlagType.Wide\" Width=\"75\" Height=\"50\" /\u003e\n\u003cSVGFlag CountryCode=\"US\" FlagType=\"FlagType.Square\" Width=\"50\" Height=\"50\" /\u003e\n```\n\n### Screenshot\n\n![Example of Wide flags](https://user-images.githubusercontent.com/9497415/151448394-b32521b7-e06b-49ce-826e-d413cbdddb8e.png)\n\n![Example of square flags](https://user-images.githubusercontent.com/9497415/151448495-f783f48e-9a36-4570-ae12-bd126c685e16.png)\n\n---\n\n## Licence and contribution\nA lot of people sent me the same question. My components ([MarkdownEditor](https://www.puresourcecode.com/dotnet/blazor/markdown-editor-component-for-blazor), [DataTable](https://www.puresourcecode.com/dotnet/net-core/datatable-component-for-blazor), [SVG Icon](https://www.puresourcecode.com/dotnet/blazor/svg-icons-and-flags-for-blazor) and others that you find on my [GitHub](https://github.com/erossini)) are freeware. \n\nI ask you to contribute to the project in one of the following ways:\n\n- sending your feedback\n- highlight bugs\n- ask for improvement\n- submit code and fixes\n- share the project\n- share my website [PureSourceCode.com](https://www.puresourcecode.com/)\n\nIf you don't know how to do it or you:\n\n- want to support this project\n- find very useful this project and it saves you a lot of time and work\n- like to sustain my work\n- want to pay my a beer\n- are using this component for commercial purpose and you want to set your conscience at rest and/or put a hand on one's heart 😂\n\nthen, you can buy one of the support licence I created. There are different prices. The amount is your decision. You find have a full list on [PureSourceCode Shop](https://www.puresourcecode.com/shop)\n\nThe contribution gives you:\n\n- dedicate email support\n- priority access to the support\n- fast bug fix\n- receive preview and beta of the components\n- help to fix your code with [Visual Studio Live Share](https://www.puresourcecode.com/tools/a-guide-to-remote-development-with-visual-studio-live-share/)\n    \n---\n\n## Other Blazor components\n\n| Component name | Forum | Description |\n|---|---|---|\n| [DataTable for Blazor](https://www.puresourcecode.com/dotnet/net-core/datatable-component-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/forum/datatables/) | DataTable component for Blazor WebAssembly and Blazor Server |\n| [Markdown editor for Blazor](https://www.puresourcecode.com/dotnet/blazor/markdown-editor-with-blazor/) | [Forum](https://www.puresourcecode.com/forum/forum/markdown-editor-for-blazor/) |  This is a Markdown Editor for use in Blazor. It contains a live preview as well as an embeded help guide for users. |\n| [CodeSnipper for Blazor](https://www.puresourcecode.com/dotnet/blazor/code-snippet-component-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/codesnippet-for-blazor/) | Add code snippet in your Blazor pages for 196 programming languages with 243 styles |\n| [Copy To Clipboard](https://www.puresourcecode.com/dotnet/blazor/copy-to-clipboard-component-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/copytoclipboard/) | Add a button to copy text in the clipbord | \n| [SVG Icons and flags for Blazor](https://www.puresourcecode.com/dotnet/blazor/svg-icons-and-flags-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/icons-and-flags-for-blazor/) | Library with a lot of SVG icons and SVG flags to use in your Razor pages |\n| [Modal dialog for Blazor](https://www.puresourcecode.com/dotnet/blazor/modal-dialog-component-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/forum/modal-dialog-for-blazor/) |  Simple Modal Dialog for Blazor WebAssembly |\n| [PSC.Extensions](https://www.puresourcecode.com/dotnet/net-core/a-lot-of-functions-for-net5/) | [Forum](https://www.puresourcecode.com/forum/forum/psc-extensions/) |  A lot of functions for .NET5 in a NuGet package that you can download for free. We collected in this package functions for everyday work to help you with claim, strings, enums, date and time, expressions... |\n| [Quill for Blazor](https://www.puresourcecode.com/dotnet/blazor/create-a-blazor-component-for-quill/) | [Forum](https://www.puresourcecode.com/forum/forum/quill-for-blazor/) |  Quill Component is a custom reusable control that allows us to easily consume Quill and place multiple instances of it on a single page in our Blazor application |\n| [Segment for Blazor](https://www.puresourcecode.com/dotnet/blazor/segment-control-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/forum/segments-for-blazor/) |  This is a Segment component for Blazor Web Assembly and Blazor Server |\n| [Tabs for Blazor](https://www.puresourcecode.com/dotnet/blazor/tabs-control-for-blazor/) | [Forum](https://www.puresourcecode.com/forum/forum/tabs-for-blazor/) |  This is a Tabs component for Blazor Web Assembly and Blazor Server |\n| [WorldMap for Blazor]() | [Forum](https://www.puresourcecode.com/forum/worldmap-for-blazor/) | Show world maps with your data |\n\n## More examples and documentation\n*   [Write a reusable Blazor component](https://www.puresourcecode.com/dotnet/blazor/write-a-reusable-blazor-component/)\n*   [Getting Started With C# And Blazor](https://www.puresourcecode.com/dotnet/net-core/getting-started-with-c-and-blazor/)\n*   [Setting Up A Blazor WebAssembly Application](https://www.puresourcecode.com/dotnet/blazor/setting-up-a-blazor-webassembly-application/)\n*   [Working With Blazor Component Model](https://www.puresourcecode.com/dotnet/blazor/working-with-blazors-component-model/)\n*   [Secure Blazor WebAssembly With IdentityServer4](https://www.puresourcecode.com/dotnet/blazor/secure-blazor-webassembly-with-identityserver4/)\n*   [Blazor Using HttpClient With Authentication](https://www.puresourcecode.com/dotnet/blazor/blazor-using-httpclient-with-authentication/)\n*   [InputSelect component for enumerations in Blazor](https://www.puresourcecode.com/dotnet/blazor/inputselect-component-for-enumerations-in-blazor/)\n*   [Use LocalStorage with Blazor WebAssembly](https://www.puresourcecode.com/dotnet/blazor/use-localstorage-with-blazor-webassembly/)\n*   [Modal Dialog component for Blazor](https://www.puresourcecode.com/dotnet/blazor/modal-dialog-component-for-blazor/)\n*   [Create Tooltip component for Blazor](https://www.puresourcecode.com/dotnet/blazor/create-tooltip-component-for-blazor/)\n*   [Consume ASP.NET Core Razor components from Razor class libraries | Microsoft Docs](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/class-libraries?view=aspnetcore-5.0\u0026tabs=visual-studio)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferossini%2Fblazoriconsandflags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ferossini%2Fblazoriconsandflags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ferossini%2Fblazoriconsandflags/lists"}