{"id":28400315,"url":"https://github.com/sui-components/svg-iconset","last_synced_at":"2025-09-24T02:23:28.889Z","repository":{"id":11618800,"uuid":"70134985","full_name":"SUI-Components/svg-iconset","owner":"SUI-Components","description":"An Open Sourced SVG iconset based on Open Iconic","archived":false,"fork":false,"pushed_at":"2023-01-07T07:53:42.000Z","size":1497,"stargazers_count":13,"open_issues_count":7,"forks_count":3,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-01T17:01:42.597Z","etag":null,"topics":["site--es-platform","team--es-pt-web-platform","tier--2","vert--es-platform","vert--es-platforms"],"latest_commit_sha":null,"homepage":"http://sui-components.github.io/svg-iconset","language":"JavaScript","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/SUI-Components.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}},"created_at":"2016-10-06T08:09:54.000Z","updated_at":"2023-08-09T07:39:07.000Z","dependencies_parsed_at":"2023-01-11T20:16:52.050Z","dependency_job_id":null,"html_url":"https://github.com/SUI-Components/svg-iconset","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/SUI-Components/svg-iconset","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SUI-Components%2Fsvg-iconset","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SUI-Components%2Fsvg-iconset/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SUI-Components%2Fsvg-iconset/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SUI-Components%2Fsvg-iconset/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SUI-Components","download_url":"https://codeload.github.com/SUI-Components/svg-iconset/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SUI-Components%2Fsvg-iconset/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262406218,"owners_count":23306106,"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","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":["site--es-platform","team--es-pt-web-platform","tier--2","vert--es-platform","vert--es-platforms"],"created_at":"2025-06-01T09:38:45.799Z","updated_at":"2025-09-24T02:23:23.802Z","avatar_url":"https://github.com/SUI-Components.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReactJS implementation of Open Iconic SVG Icon set\n\nThis repository is a SVG file format to ReactJS component builder based on [Open Iconic SVG icon set](https://useiconic.com/icons/).\n\n### Run the development environment\n- Clone the repo\n- `npm i`\n- `npm start`\n\n### Building the current icon set\n\n- Run `npm run build`.\n- A ReactJS Component will be available inside `components` folder.\n\n### Adding/Replacing current icon set\n\n- Add/Delete `svg` files inside svg folder\n- Run `npm run build`.\n- A ReactJS Component will be available inside `components` folder.\n\n### Icon set usage\n\nEach ReactJS SVG component allows the following params:\n- **size** : A *number* without units is expected. Default value **32**\n- **fillColor** : A *string* in any CSS color format ('red', '#f00', 'rgba(255,0,0,.5)') to set `fill` SVG property.\n- **strokeColor** : A *string* in any CSS color format ('red', '#f00', 'rgba(255,0,0,.5)') to set `stroke` SVG property.\n- **strokeWidth** : A *number* including decimal values to set `stroke-width` SVG property.\n- **svgClass** : A *string* to specify a custom class for layout purposes.\n\n### Installation\n\n- install npm package: `npm i -S @s-ui/react-icons`\n- import needed icons:\n```\nimport { Accountlogin, Accountlogout } from '@s-ui/react-icons'\n\nconst MyComponent = (props) =\u003e {\n  return (\n    \u003cAccountlogin\n        size={32}\n        fillColor='#b00b55'\n        strokeColor='black'\n        strokeWidth={0}\n        svgClass='sui-SVGicon'\n    /\u003e\n  )\n}\n```\n\n### Some available icons\n\n- Accountlogin\n- Accountlogout\n- Actionundo\n- Actionredo\n- Alignleft\n- Aligncenter\n- Alignright\n- Aperture\n- Arrowbottom\n[...]\n\n\nCheckout [demo page](https://sui-components.github.io/svg-iconset/) for full list\n\n### Current set of supported SVG attributes:\n\n- alignment-baseline\n- clip-path\n- clip-rule\n- fill-opacity\n- fill-rule\n- overline-position\n- overline-thickness\n- shape-rendering\n- strikethrough-position\n- strikethrough-thickness\n- stroke-dasharray\n- stroke-dashoffset\n- stroke-linecap\n- stroke-linejoin\n- stroke-miterlimit\n- stroke-opacity\n- stroke-width\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsui-components%2Fsvg-iconset","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsui-components%2Fsvg-iconset","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsui-components%2Fsvg-iconset/lists"}