{"id":18264866,"url":"https://github.com/bem/yandex-ui-icons","last_synced_at":"2025-04-04T21:30:56.955Z","repository":{"id":43051773,"uuid":"390803320","full_name":"bem/yandex-ui-icons","owner":"bem","description":null,"archived":false,"fork":false,"pushed_at":"2021-11-29T11:26:47.000Z","size":2154,"stargazers_count":14,"open_issues_count":5,"forks_count":2,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-03-20T19:18:06.448Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://bem.github.io/yandex-ui-icons","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bem.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-29T17:32:03.000Z","updated_at":"2024-10-03T01:19:24.000Z","dependencies_parsed_at":"2022-08-17T22:45:53.239Z","dependency_job_id":null,"html_url":"https://github.com/bem/yandex-ui-icons","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bem%2Fyandex-ui-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bem%2Fyandex-ui-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bem%2Fyandex-ui-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bem%2Fyandex-ui-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bem","download_url":"https://codeload.github.com/bem/yandex-ui-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247252040,"owners_count":20908614,"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":[],"created_at":"2024-11-05T11:16:20.621Z","updated_at":"2025-04-04T21:30:56.311Z","avatar_url":"https://github.com/bem.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @yandex/ui-icons (WIP)\n\n![image](https://user-images.githubusercontent.com/7934638/127772507-688a220a-c733-47ae-af56-12319c47ce41.png)\n\n[![npm](https://img.shields.io/npm/v/@yandex/ui-icons.svg?style=flat-square\u0026labelColor=111)][npm]\n\n## Installation\n\n```sh\nnpm i -PE @yandex/ui-icons\n```\n\n## Usage (jsx)\n\n**Simple**\n\n```tsx\nimport { Search } from '@yandex/ui-icons'\n\nexport const App = () =\u003e {\n  return \u003cSearch /\u003e\n}\n```\n\n**Set size**\n\nIcons has next sizes: `12`, `16`, `24`, `32` (default `24`).\n\n```tsx\nimport { Search } from '@yandex/ui-icons'\n\nexport const App = () =\u003e {\n  return \u003cSearch size={12} /\u003e\n}\n```\n\n**Get ref**\n\n```tsx\nimport { useRef } from 'react'\nimport { Search } from '@yandex/ui-icons'\n\nexport const App = () =\u003e {\n  const iconRef = useRef\u003cSVGSVGElement\u003e(null)\n\n  return \u003cSearch ref={iconRef} /\u003e\n}\n```\n\n**Set className**\n\nBy default all icons has base className: `SvgIcon`.\n\n```tsx\nimport { Search } from '@yandex/ui-icons'\n\nexport const App = () =\u003e {\n  return \u003cSearch className=\"MyIcon\" /\u003e\n}\n```\n\n**Change color**\n\nAt now color can be changed with context placement: `currentColor`.\n\n```tsx\nimport { Search } from '@yandex/ui-icons'\n\nexport const App = () =\u003e {\n  return (\n    \u003cdiv style={{ color: 'red' }}\u003e\n      \u003cSearch /\u003e\n    \u003c/div\u003e\n  )\n}\n```\n\n## Usage (svg)\n\nAll icons also available as svg files and can be used inside css or any svg-loaders.\n\n```css\n.Icon {\n  width: 24px;\n  height: 24px;\n  background-size: 100%;\n  background-image: url(\"@yandex/ui-icons/Search.svg\");\n}\n```\n\n## License\n\nThis project develop under [MPL-2.0](./LICENSE) license.\n\n[npm]: https://www.npmjs.com/package/@yandex/ui-icons\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbem%2Fyandex-ui-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbem%2Fyandex-ui-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbem%2Fyandex-ui-icons/lists"}