{"id":13433114,"url":"https://github.com/danklammer/bytesize-icons","last_synced_at":"2025-03-17T10:33:22.460Z","repository":{"id":42425424,"uuid":"39126489","full_name":"danklammer/bytesize-icons","owner":"danklammer","description":"Tiny style-controlled SVG iconset (101 icons, 12kb)","archived":false,"fork":false,"pushed_at":"2022-10-10T12:44:37.000Z","size":3882,"stargazers_count":3847,"open_issues_count":6,"forks_count":228,"subscribers_count":77,"default_branch":"master","last_synced_at":"2024-08-01T02:32:33.210Z","etag":null,"topics":["icon-set","icons","iconset","inline-svg","lightweight","svg","svg-icons","web"],"latest_commit_sha":null,"homepage":"https://danklammer.com/bytesize-icons/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/danklammer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-15T08:51:51.000Z","updated_at":"2024-07-30T08:45:18.000Z","dependencies_parsed_at":"2022-09-13T23:50:41.306Z","dependency_job_id":null,"html_url":"https://github.com/danklammer/bytesize-icons","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danklammer%2Fbytesize-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danklammer%2Fbytesize-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danklammer%2Fbytesize-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danklammer%2Fbytesize-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danklammer","download_url":"https://codeload.github.com/danklammer/bytesize-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221675291,"owners_count":16861860,"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":["icon-set","icons","iconset","inline-svg","lightweight","svg","svg-icons","web"],"created_at":"2024-07-31T02:01:21.205Z","updated_at":"2024-10-27T12:32:09.707Z","avatar_url":"https://github.com/danklammer.png","language":null,"readme":"# Bytesize Icons\n### A tiny style-controlled SVG iconset\n\nEach icon is hand-coded along a 32x32 grid, and uses SVG stroke allowing for maximum style flexibility; meaning you can adjust the weight, color, size, and if you want the edges to be round or square. [See demo](https://danklammer.com/articles/svg-stroke-ftw/#give-it-a-spin).\n\nAll 101 icons weigh in at 11.7kb minified (3.2kb in SVGZ).\n\n[Used](https://getbootstrap.com/) and [recommended](https://getbootstrap.com/docs/4.4/extend/icons/) by Bootstrap.\n\n![Bytesize Icons](bytesize-icons.png \"Bytesize Icons\")\n\n\n## Usage\n\nEither drop each icon inline directly in your page as-needed, or loaded them up via external `.svg` file and the `use` tag. ([Learn more about using an external SVG reference.](https://css-tricks.com/svg-use-with-external-reference-take-2/)).\n\nYou can then easily change the weight of the icon by changing `stroke-width` attribute. You can also change the shape of the line caps and the line joins with `stroke-linecap` and `stroke-linejoin`. This will change the style of the icons by making them rounded or squared off. All these stroke properties are also available to use in CSS.\n\n\n### Recommended Styles\n\n![Bytesize Styles](bytesize-styles.png \"Bytesize Styles\")\n\nStyle  | stroke-linejoin | stroke-linecap\n-------|-----------------|----------------\nRound  | round           | round\nBevel  | bevel           | butt\nMiter  | miter           | butt\n\n### Recommended Weights\n\n![Bytesize Weights](bytesize-weights.png \"Bytesize Weights\")\n\nWeight        | stroke-width (px) | stroke-width (%) \n--------------|-------------------|----------------\nUltra Light   | 0.5px             | 1.5625%\nThin          | 1px               | 3.125%\nLight         | 1.5px             | 4.6875%\nRegular       | 2px               | 6.25%\nMedium        | 2.5px             | 7.8125%\nBold          | 3px               | 9.375%\nHeavy         | 3.5px             | 10.9375%\n\n\n### Examples\n\n- [Inline SVG (64px, 32px, 24px)](https://cdn.rawgit.com/danklammer/bytesize-icons/master/examples/bytesize-inline.html)\n- [SVG Symbols and the Use tag (64px, 32px, 24px)](https://cdn.rawgit.com/danklammer/bytesize-icons/master/examples/bytesize-symbols.html)\n- [All Styles and Weights](https://cdn.rawgit.com/danklammer/bytesize-icons/master/examples/bytesize-styles.html)\n\n\n### Limitations\n\nSince there is a 2px margin between the paths and `viewBox`, I recommend not having a `stroke-width` larger than **4px** (or **12.5%**). 4px might seems small but it's relative to the 32x32 grid.\n\nMake sure you use `stroke-width` in increments of **0.5px** or **1.5625%**, along with size (height/width) increments of **24px**, **32px**, **48px**, **64px**. This allows for optimal pixel-hinting.\n\nIf you decide to use a larger `stroke-width` with `stroke-linejoin: miter` (Squared off style), I recommend using `overflow: visible` just in case the linecap edge falls just outside the `viewBox`. This prevents any of the points of the icon from getting cut off.\n\n\n## Design Files\n\n- [Bytesize .iconjar Set](https://github.com/danklammer/bytesize-icons/blob/master/design/bytesize-iconjar.zip?raw=true)\n\n## Forks \u0026 Extensions\n- [Bytesize Icons as React Components](https://github.com/abdelhai/react-bytesize-icons) by [Mustafa Abdelhai](https://github.com/abdelhai/)\n- [Yet Another Bytesize Icons as React Component](https://github.com/rhysd/react-component-bytesize-icons) by [@rhysd](https://github.com/rhysd)\n- [Bytesize Icons as Custom Elements](https://github.com/rhysd/bytesize-icon-elements) by [@rhysd](https://github.com/rhysd)\n- [Bytesize Icons as Vue functional components](https://github.com/egoist/vue-bytesize-icons) by [@egoist](https://github.com/egoist)\n- [Bytesize Icons packaged as a Jinja2 macro](https://github.com/encukou/bytesize-to-jinja) by [@encukou](https://github.com/encukou)\n- [Atom SVG Icons](https://github.com/idleberg/atom-svg-icons) by [@idleberg](https://github.com/idleberg)\n- [VSCode SVG Icons](https://github.com/idleberg/vscode-svg-icons) by [@idleberg](https://github.com/idleberg)\n\n## File Size\n\n16.3 KB | 11.7 KB  | 3.2 KB\n--------|----------|-------\nRaw     | Minified | SVGZ\n\n\n## Grab-n-Go\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/search.svg\" width=\"24\" height=\"24\" /\u003e | **Search**\n---|---\n\n\n```html\n\u003csvg id=\"i-search\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"14\" cy=\"14\" r=\"12\" /\u003e\n    \u003cpath d=\"M23 23 L30 30\"  /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/close.svg\" width=\"24\" height=\"24\" /\u003e | **Close**\n---|---\n\n\n```html\n\u003csvg id=\"i-close\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 30 L30 2 M30 30 L2 2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/plus.svg\" width=\"24\" height=\"24\" /\u003e | **Plus**\n---|---\n\n\n```html\n\u003csvg id=\"i-plus\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 2 L16 30 M2 16 L30 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/minus.svg\" width=\"24\" height=\"24\" /\u003e | **Minus**\n---|---\n\n\n```html\n\u003csvg id=\"i-minus\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 16 L30 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/play.svg\" width=\"24\" height=\"24\" /\u003e | **Play**\n---|---\n\n\n```html\n\u003csvg id=\"i-play\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 2 L10 30 24 16 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/pause.svg\" width=\"24\" height=\"24\" /\u003e | **Pause**\n---|---\n\n\n```html\n\u003csvg id=\"i-pause\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M23 2 L23 30 M9 2 L9 30\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/backwards.svg\" width=\"24\" height=\"24\" /\u003e | **Backwards**\n---|---\n\n\n```html\n\u003csvg id=\"i-backwards\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 2 L2 16 16 30 16 16 30 30 30 2 16 16 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/forwards.svg\" width=\"24\" height=\"24\" /\u003e | **Forwards**\n---|---\n\n\n```html\n\u003csvg id=\"i-forwards\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 2 L30 16 16 30 16 16 2 30 2 2 16 16 Z\" /\u003e \n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/move.svg\" width=\"24\" height=\"24\" /\u003e | **Move**\n---|---\n\n\n```html\n\u003csvg id=\"i-move\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M3 16 L29 16 M16 3 L16 29 M12 7 L16 3 20 7 M12 25 L16 29 20 25 M25 12 L29 16 25 20 M7 12 L3 16 7 20\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://raw.githack.com/danklammer/bytesize-icons/master/dist/icons/zoom-in.svg\" width=\"24\" height=\"24\" /\u003e | **Zoom In**\n---|---\n\n\n```html\n\u003csvg id=\"i-zoom-in\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"14\" cy=\"14\" r=\"12\" /\u003e\n    \u003cpath d=\"M23 23 L30 30\" /\u003e\n    \u003cpath d=\"M14 10 L14 18 M10 14 L18 14\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://raw.githack.com/danklammer/bytesize-icons/master/dist/icons/zoom-out.svg\" width=\"24\" height=\"24\" /\u003e | **Zoom Out**\n---|---\n\n\n```html\n\u003csvg id=\"i-zoom-out\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"14\" cy=\"14\" r=\"12\" /\u003e\n    \u003cpath d=\"M23 23 L30 30\" /\u003e\n    \u003cpath d=\"M10 14 L18 14\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://raw.githack.com/danklammer/bytesize-icons/master/dist/icons/zoom-reset.svg\" width=\"24\" height=\"24\" /\u003e | **Zoom Reset**\n---|---\n\n\n```html\n\u003csvg id=\"i-zoom-reset\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"14\" cy=\"14\" r=\"12\" /\u003e\n    \u003cpath d=\"M23 23 L30 30\" /\u003e\n    \u003cpath d=\"M9 12 L9 9 12 9 M16 9 L19 9 19 12 M9 16 L9 19 12 19 M19 16 L19 19 16 19\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://raw.githack.com/danklammer/bytesize-icons/master/dist/icons/fullscreen.svg\" width=\"24\" height=\"24\" /\u003e | **Fullscreen**\n---|---\n\n\n```html\n\u003csvg id=\"i-fullscreen\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 12 L4 4 12 4 M20 4 L28 4 28 12 M4 20 L4 28 12 28 M28 20 L28 28 20 28\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://raw.githack.com/danklammer/bytesize-icons/master/dist/icons/fullscreen-exit.svg\" width=\"24\" height=\"24\" /\u003e | **Fullscreen Exit**\n---|---\n\n\n```html\n\u003csvg id=\"i-fullscreen-exit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 12 L12 12 12 4 M20 4 L20 12 28 12 M4 20 L12 20 12 28 M28 20 L20 20 20 28\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/star.svg\" width=\"24\" height=\"24\" /\u003e | **Star**\n---|---\n\n\n```html\n\u003csvg id=\"i-star\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/checkmark.svg\" width=\"24\" height=\"24\" /\u003e | **Checkmark**\n---|---\n\n\n```html\n\u003csvg id=\"i-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 20 L12 28 30 4\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/chevron-top.svg\" width=\"24\" height=\"24\" /\u003e | **Chevron Top**\n---|---\n\n\n```html\n\u003csvg id=\"i-chevron-top\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 20 L16 8 2 20\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/chevron-right.svg\" width=\"24\" height=\"24\" /\u003e | **Chevron Right**\n---|---\n\n\n```html\n\u003csvg id=\"i-chevron-right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M12 30 L24 16 12 2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/chevron-bottom.svg\" width=\"24\" height=\"24\" /\u003e | **Chevron Bottom**\n---|---\n\n\n```html\n\u003csvg id=\"i-chevron-bottom\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 12 L16 24 2 12\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/chevron-left.svg\" width=\"24\" height=\"24\" /\u003e | **Chevron Left**\n---|---\n\n\n```html\n\u003csvg id=\"i-chevron-left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M20 30 L8 16 20 2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/arrow-top.svg\" width=\"24\" height=\"24\" /\u003e | **Arrow Top**\n---|---\n\n\n```html\n\u003csvg id=\"i-arrow-top\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 10 L16 2 26 10 M16 2 L16 30\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/arrow-right.svg\" width=\"24\" height=\"24\" /\u003e | **Arrow Right**\n---|---\n\n\n```html\n\u003csvg id=\"i-arrow-right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M22 6 L30 16 22 26 M30 16 L2 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/arrow-bottom.svg\" width=\"24\" height=\"24\" /\u003e | **Arrow Bottom**\n---|---\n\n\n```html\n\u003csvg id=\"i-arrow-bottom\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 22 L16 30 26 22 M16 30 L16 2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/arrow-left.svg\" width=\"24\" height=\"24\" /\u003e | **Arrow Left**\n---|---\n\n\n```html\n\u003csvg id=\"i-arrow-left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 6 L2 16 10 26 M2 16 L30 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/caret-top.svg\" width=\"24\" height=\"24\" /\u003e | **Caret Top**\n---|---\n\n\n```html\n\u003csvg id=\"i-caret-top\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 22 L16 6 2 22 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/caret-right.svg\" width=\"24\" height=\"24\" /\u003e | **Caret Right**\n---|---\n\n\n```html\n\u003csvg id=\"i-caret-right\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 30 L26 16 10 2 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/caret-bottom.svg\" width=\"24\" height=\"24\" /\u003e | **Caret Bottom**\n---|---\n\n\n```html\n\u003csvg id=\"i-caret-bottom\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 10 L16 26 2 10 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/caret-left.svg\" width=\"24\" height=\"24\" /\u003e | **Caret Left**\n---|---\n\n\n```html\n\u003csvg id=\"i-caret-left\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M22 30 L6 16 22 2 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/start.svg\" width=\"24\" height=\"24\" /\u003e | **Start**\n---|---\n\n\n```html\n\u003csvg id=\"i-start\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M8 2 L8 16 22 2 22 30 8 16 8 30\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/end.svg\" width=\"24\" height=\"24\" /\u003e | **End**\n---|---\n\n\n```html\n\u003csvg id=\"i-end\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M24 2 L24 16 10 2 10 30 24 16 24 30\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/eject.svg\" width=\"24\" height=\"24\" /\u003e | **Eject**\n---|---\n\n\n```html\n\u003csvg id=\"i-eject\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 18 L16 5 2 18Z M2 25 L30 25\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/mute.svg\" width=\"24\" height=\"24\" /\u003e | **Mute**\n---|---\n\n\n```html\n\u003csvg id=\"i-mute\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M20 16 C20 8 15 2 15 2 L8 10 2 10 2 22 8 22 15 30 C15 30 20 24 20 16 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/volume.svg\" width=\"24\" height=\"24\" /\u003e | **Volume**\n---|---\n\n\n```html\n\u003csvg id=\"i-volume\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M20 16 C20 8 15 2 15 2 L8 10 2 10 2 22 8 22 15 30 C15 30 20 24 20 16 Z M21 2 C21 2 25 6 25 16 25 26 21 30 21 30 M27 4 C27 4 30 8 30 16 30 24 27 28 27 28\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/ban.svg\" width=\"24\" height=\"24\" /\u003e | **Ban**\n---|---\n\n\n```html\n\u003csvg id=\"i-ban\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"14\" /\u003e\n    \u003cpath d=\"M6 6 L26 26\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/flag.svg\" width=\"24\" height=\"24\" /\u003e | **Flag**\n---|---\n\n\n```html\n\u003csvg id=\"i-flag\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 2 L6 30 M6 6 L26 6 20 12 26 18 6 18\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/options.svg\" width=\"24\" height=\"24\" /\u003e | **Options**\n---|---\n\n\n```html\n\u003csvg id=\"i-options\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M28 6 L4 6 M28 16 L4 16 M28 26 L4 26 M24 3 L24 9 M8 13 L8 19 M20 23 L20 29\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/settings.svg\" width=\"24\" height=\"24\" /\u003e | **Settings**\n---|---\n\n\n```html\n\u003csvg id=\"i-settings\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M13 2 L13 6 11 7 8 4 4 8 7 11 6 13 2 13 2 19 6 19 7 21 4 24 8 28 11 25 13 26 13 30 19 30 19 26 21 25 24 28 28 24 25 21 26 19 30 19 30 13 26 13 25 11 28 8 24 4 21 7 19 6 19 2 Z\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"4\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/heart.svg\" width=\"24\" height=\"24\" /\u003e | **Heart**\n---|---\n\n\n```html\n\u003csvg id=\"i-heart\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 16 C1 12 2 6 7 4 12 2 15 6 16 8 17 6 21 2 26 4 31 6 31 12 28 16 25 20 16 28 16 28 16 28 7 20 4 16 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/clock.svg\" width=\"24\" height=\"24\" /\u003e | **Clock**\n---|---\n\n\n```html\n\u003csvg id=\"i-clock\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"14\" /\u003e\n    \u003cpath d=\"M16 8 L16 16 20 20\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/menu.svg\" width=\"24\" height=\"24\" /\u003e | **Menu**\n---|---\n\n\n```html\n\u003csvg id=\"i-menu\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 8 L28 8 M4 16 L28 16 M4 24 L28 24\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/message.svg\" width=\"24\" height=\"24\" /\u003e | **Message**\n---|---\n\n\n```html\n\u003csvg id=\"i-msg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 4 L30 4 30 22 16 22 8 29 8 22 2 22 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/photo.svg\" width=\"24\" height=\"24\" /\u003e | **Photo**\n---|---\n\n\n```html\n\u003csvg id=\"i-photo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M20 24 L12 16 2 26 2 2 30 2 30 24 M16 20 L22 14 30 22 30 30 2 30 2 24\" /\u003e\n    \u003ccircle cx=\"10\" cy=\"9\" r=\"3\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/camera.svg\" width=\"24\" height=\"24\" /\u003e | **Camera**\n---|---\n\n\n```html\n\u003csvg id=\"i-camera\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 8 L 9 8 12 4 20 4 23 8 30 8 30 26 2 26 Z\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"5\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/video.svg\" width=\"24\" height=\"24\" /\u003e | **Video**\n---|---\n\n\n```html\n\u003csvg id=\"i-video\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M22 13 L30 8 30 24 22 19 Z M2 8 L2 24 22 24 22 8 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/music.svg\" width=\"24\" height=\"24\" /\u003e | **Music**\n---|---\n\n\n```html\n\u003csvg id=\"i-music\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M11 25 L11 6 24 3 24 23 M11 13 L24 10\" /\u003e\n    \u003cellipse cx=\"7\" cy=\"25\" rx=\"4\" ry=\"5\" /\u003e\n    \u003cellipse cx=\"20\" cy=\"23\" rx=\"4\" ry=\"5\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/mail.svg\" width=\"24\" height=\"24\" /\u003e | **Mail**\n---|---\n\n\n```html\n\u003csvg id=\"i-mail\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 26 L30 26 30 6 2 6 Z M2 6 L16 16 30 6\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/home.svg\" width=\"24\" height=\"24\" /\u003e | **Home**\n---|---\n\n\n```html\n\u003csvg id=\"i-home\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/user.svg\" width=\"24\" height=\"24\" /\u003e | **User**\n---|---\n\n\n```html\n\u003csvg id=\"i-user\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M22 11 C22 16 19 20 16 20 13 20 10 16 10 11 10 6 12 3 16 3 20 3 22 6 22 11 Z M4 30 L28 30 C28 21 22 20 16 20 10 20 4 21 4 30 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/sign-in.svg\" width=\"24\" height=\"24\" /\u003e | **Sign-In**\n---|---\n\n\n```html\n\u003csvg id=\"i-signin\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M3 16 L23 16 M15 8 L23 16 15 24 M21 4 L29 4 29 28 21 28\" /\u003e\n\u003c/svg\u003e\n\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/sign-out.svg\" width=\"24\" height=\"24\" /\u003e | **Sign-Out**\n---|---\n\n\n```html\n\u003csvg id=\"i-signout\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M28 16 L8 16 M20 8 L28 16 20 24 M11 28 L3 28 3 4 11 4\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/trash.svg\" width=\"24\" height=\"24\" /\u003e | **Trash**\n---|---\n\n\n```html\n\u003csvg id=\"i-trash\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M28 6 L6 6 8 30 24 30 26 6 4 6 M16 12 L16 24 M21 12 L20 24 M11 12 L12 24 M12 6 L13 2 19 2 20 6\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/paperclip.svg\" width=\"24\" height=\"24\" /\u003e | **Paperclip**\n---|---\n\n\n```html\n\u003csvg id=\"i-paperclip\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 9 L10 24 C10 28 13 30 16 30 19 30 22 28 22 24 L22 6 C22 3 20 2 18 2 16 2 14 3 14 6 L14 23 C14 24 15 25 16 25 17 25 18 24 18 23 L18 9\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/file.svg\" width=\"24\" height=\"24\" /\u003e | **File**\n---|---\n\n\n```html\n\u003csvg id=\"i-file\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 2 L6 30 26 30 26 10 18 2 Z M18 2 L18 10 26 10\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/folder.svg\" width=\"24\" height=\"24\" /\u003e | **Folder**\n---|---\n\n\n```html\n\u003csvg id=\"i-folder\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 26 L30 26 30 7 14 7 10 4 2 4 Z M30 12 L2 12\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/folder-open.svg\" width=\"24\" height=\"24\" /\u003e | **Folder Open**\n---|---\n\n\n```html\n\u003csvg id=\"i-folder-open\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 28 L28 28 30 12 14 12 10 8 2 8 Z M28 12 L28 4 4 4 4 8\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/work.svg\" width=\"24\" height=\"24\" /\u003e | **Work**\n---|---\n\n\n```html\n\u003csvg id=\"i-work\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 8 L2 8 2 26 30 26 Z M20 8 C20 8 20 4 16 4 12 4 12 8 12 8 M8 26 L8 8 M24 26 L24 8\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/portfolio.svg\" width=\"24\" height=\"24\" /\u003e | **Portfolio**\n---|---\n\n\n```html\n\u003csvg id=\"i-portfolio\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M29 17 L29 28 3 28 3 17 M2 8 L30 8 30 16 C30 16 24 20 16 20 8 20 2 16 2 16 L2 8 Z M16 22 L16 18 M20 8 C20 8 20 4 16 4 12 4 12 8 12 8\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/book.svg\" width=\"24\" height=\"24\" /\u003e | **Book**\n---|---\n\n\n```html\n\u003csvg id=\"i-book\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 7 C16 7 9 1 2 6 L2 28 C9 23 16 28 16 28 16 28 23 23 30 28 L30 6 C23 1 16 7 16 7 Z M16 7 L16 28\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/calendar.svg\" width=\"24\" height=\"24\" /\u003e | **Calendar**\n---|---\n\n\n```html\n\u003csvg id=\"i-calendar\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 6 L2 30 30 30 30 6 Z M2 15 L30 15 M7 3 L7 9 M13 3 L13 9 M19 3 L19 9 M25 3 L25 9\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/print.svg\" width=\"24\" height=\"24\" /\u003e | **Print**\n---|---\n\n\n```html\n\u003csvg id=\"i-print\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M7 25 L2 25 2 9 30 9 30 25 25 25 M7 19 L7 30 25 30 25 19 Z M25 9 L25 2 7 2 7 9 M22 14 L25 14\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/eye.svg\" width=\"24\" height=\"24\" /\u003e | **Eye**\n---|---\n\n\n```html\n\u003csvg id=\"i-eye\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"17\" cy=\"15\" r=\"1\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"6\" /\u003e\n    \u003cpath d=\"M2 16 C2 16 7 6 16 6 25 6 30 16 30 16 30 16 25 26 16 26 7 26 2 16 2 16 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/bookmark.svg\" width=\"24\" height=\"24\" /\u003e | **Bookmark**\n---|---\n\n\n```html\n\u003csvg id=\"i-bookmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 2 L26 2 26 30 16 20 6 30 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/tag.svg\" width=\"24\" height=\"24\" /\u003e | **Tag**\n---|---\n\n```html\n\u003csvg id=\"i-tag\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"24\" cy=\"8\" r=\"2\" /\u003e\n    \u003cpath d=\"M2 18 L18 2 30 2 30 14 14 30 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/lightning.svg\" width=\"24\" height=\"24\" /\u003e | **Lightning**\n---|---\n\n```html\n\u003csvg id=\"i-lightning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M18 13 L26 2 8 13 14 19 6 30 24 19 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/activity.svg\" width=\"24\" height=\"24\" /\u003e | **Activity**\n---|---\n\n```html\n\u003csvg id=\"i-activity\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 16 L11 16 14 29 18 3 21 16 28 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/location.svg\" width=\"24\" height=\"24\" /\u003e | **Location**\n---|---\n\n```html\n\u003csvg id=\"i-location\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"16\" cy=\"11\" r=\"4\" /\u003e\n    \u003cpath d=\"M24 15 C21 22 16 30 16 30 16 30 11 22 8 15 5 8 10 2 16 2 22 2 27 8 24 15 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/export.svg\" width=\"24\" height=\"24\" /\u003e | **Export**\n---|---\n\n```html\n\u003csvg id=\"i-export\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M28 22 L28 30 4 30 4 22 M16 4 L16 24 M8 12 L16 4 24 12\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/import.svg\" width=\"24\" height=\"24\" /\u003e | **Import**\n---|---\n\n```html\n\u003csvg id=\"i-import\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M28 22 L28 30 4 30 4 22 M16 4 L16 24 M8 16 L16 24 24 16\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/inbox.svg\" width=\"24\" height=\"24\" /\u003e | **Inbox**\n---|---\n\n```html\n\u003csvg id=\"i-inbox\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 15 L2 25 30 25 30 15 26 7 6 7 Z M2 15 L10 15 C10 15 11 20 16 20 21 20 22 15 22 15 L30 15\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/archive.svg\" width=\"24\" height=\"24\" /\u003e | **Archive**\n---|---\n\n```html\n\u003csvg id=\"i-archive\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 10 L4 28 28 28 28 10 M2 4 L2 10 30 10 30 4 Z M12 15 L20 15\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/reply.svg\" width=\"24\" height=\"24\" /\u003e | **Reply**\n---|---\n\n```html\n\u003csvg id=\"i-reply\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 6 L3 14 10 22 M3 14 L18 14 C26 14 30 18 30 26\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/edit.svg\" width=\"24\" height=\"24\" /\u003e | **Edit**\n---|---\n\n```html\n\u003csvg id=\"i-edit\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M30 7 L25 2 5 22 3 29 10 27 Z M21 6 L26 11 Z M5 22 L10 27 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/compose.svg\" width=\"24\" height=\"24\" /\u003e | **Compose**\n---|---\n\n```html\n\u003csvg id=\"i-compose\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M27 15 L27 30 2 30 2 5 17 5 M30 6 L26 2 9 19 7 25 13 23 Z M22 6 L26 10 Z M9 19 L13 23 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/upload.svg\" width=\"24\" height=\"24\" /\u003e | **Upload**\n---|---\n\n```html\n\u003csvg id=\"i-upload\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M9 22 C0 23 1 12 9 13 6 2 23 2 22 10 32 7 32 23 23 22 M11 18 L16 14 21 18 M16 14 L16 29\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/download.svg\" width=\"24\" height=\"24\" /\u003e | **Download**\n---|---\n\n```html\n\u003csvg id=\"i-download\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M9 22 C0 23 1 12 9 13 6 2 23 2 22 10 32 7 32 23 23 22 M11 26 L16 30 21 26 M16 16 L16 30\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/send.svg\" width=\"24\" height=\"24\" /\u003e | **Send**\n---|---\n\n```html\n\u003csvg id=\"i-send\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 16 L30 2 16 30 12 20 Z M30 2 L12 20\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/link.svg\" width=\"24\" height=\"24\" /\u003e | **Link**\n---|---\n\n```html\n\u003csvg id=\"i-link\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M18 8 C18 8 24 2 27 5 30 8 29 12 24 16 19 20 16 21 14 17 M14 24 C14 24 8 30 5 27 2 24 3 20 8 16 13 12 16 11 18 15\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/code.svg\" width=\"24\" height=\"24\" /\u003e | **Code**\n---|---\n\n```html\n\u003csvg id=\"i-code\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 9 L3 17 10 25 M22 9 L29 17 22 25 M18 7 L14 27\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/lock.svg\" width=\"24\" height=\"24\" /\u003e | **Lock**\n---|---\n\n```html\n\u003csvg id=\"i-lock\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M5 15 L5 30 27 30 27 15 Z M9 15 C9 9 9 5 16 5 23 5 23 9 23 15 M16 20 L16 23\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"24\" r=\"1\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/unlock.svg\" width=\"24\" height=\"24\" /\u003e | **Unlock**\n---|---\n\n```html\n\u003csvg id=\"i-unlock\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M5 15 L5 30 27 30 27 15 Z M9 15 C9 7 9 3 16 3 23 3 23 8 23 9 M16 20 L16 23\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"24\" r=\"1\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/bell.svg\" width=\"24\" height=\"24\" /\u003e | **Bell**\n---|---\n\n```html\n\u003csvg id=\"i-bell\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M8 17 C8 12 9 6 16 6 23 6 24 12 24 17 24 22 27 25 27 25 L5 25 C5 25 8 22 8 17 Z M20 25 C20 25 20 29 16 29 12 29 12 25 12 25 M16 3 L16 6\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/alert.svg\" width=\"24\" height=\"24\" /\u003e | **Alert**\n---|---\n\n```html\n\u003csvg id=\"i-alert\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 3 L30 29 2 29 Z M16 11 L16 19 M16 23 L16 25\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/info.svg\" width=\"24\" height=\"24\" /\u003e | **Info**\n---|---\n\n```html\n\u003csvg id=\"i-info\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 14 L16 23 M16 8 L16 10\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"14\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/creditcard.svg\" width=\"24\" height=\"24\" /\u003e | **Credit Card**\n---|---\n\n```html\n\u003csvg id=\"i-creditcard\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 7 L2 25 30 25 30 7 Z M5 18 L9 18 M5 21 L11 21\" /\u003e\n    \u003cpath d=\"M2 11 L2 13 30 13 30 11 Z\" fill=\"currentColor\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/cart.svg\" width=\"24\" height=\"24\" /\u003e | **Cart**\n---|---\n\n```html\n\u003csvg id=\"i-cart\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M6 6 L30 6 27 19 9 19 M27 23 L10 23 5 2 2 2\" /\u003e\n    \u003ccircle cx=\"25\" cy=\"27\" r=\"2\" /\u003e\n    \u003ccircle cx=\"12\" cy=\"27\" r=\"2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/bag.svg\" width=\"24\" height=\"24\" /\u003e | **Bag**\n---|---\n\n```html\n\u003csvg id=\"i-bag\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M5 9 L5 29 27 29 27 9 Z M10 9 C10 9 10 3 16 3 22 3 22 9 22 9\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/gift.svg\" width=\"24\" height=\"24\" /\u003e | **Gift**\n---|---\n\n```html\n\u003csvg id=\"i-gift\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M4 14 L4 30 28 30 28 14 M2 9 L2 14 30 14 30 9 2 9 Z M16 9 C 16 9 14 0 8 3 2 6 16 9 16 9 16 9 18 0 24 3 30 6 16 9 16 9\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/external.svg\" width=\"24\" height=\"24\" /\u003e | **External**\n---|---\n\n```html\n\u003csvg id=\"i-external\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/reload.svg\" width=\"24\" height=\"24\" /\u003e | **Reload**\n---|---\n\n```html\n\u003csvg id=\"i-reload\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M29 16 C29 22 24 29 16 29 8 29 3 22 3 16 3 10 8 3 16 3 21 3 25 6 27 9 M20 10 L27 9 28 2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/clipboard.svg\" width=\"24\" height=\"24\" /\u003e | **Clipboard**\n---|---\n\n```html\n\u003csvg id=\"i-clipboard\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M12 2 L12 6 20 6 20 2 12 2 Z M11 4 L6 4 6 30 26 30 26 4 21 4\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/filter.svg\" width=\"24\" height=\"24\" /\u003e | **Filter**\n---|---\n\n```html\n\u003csvg id=\"i-filter\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M2 5 C2 5 6 3 16 3 26 3 30 5 30 5 L19 18 19 27 13 30 13 18 2 5Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/feed.svg\" width=\"24\" height=\"24\" /\u003e | **Feed**\n---|---\n\n```html\n\u003csvg id=\"i-feed\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"6\" cy=\"26\" r=\"2\" fill=\"currentColor\" /\u003e\n    \u003cpath d=\"M4 15 C11 15 17 21 17 28 M4 6 C17 6 26 15 26 28\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/moon.svg\" width=\"24\" height=\"24\" /\u003e | **Moon**\n---|---\n\n```html\n\u003csvg id=\"i-moon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M14 2C 9 2 3 7 3 15 3 23 9 29 17 29 25 29 30 23 30 18 19 25 7 13 14 2Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/microphone.svg\" width=\"24\" height=\"24\" /\u003e | **Microphone**\n---|---\n\n```html\n\u003csvg id=\"i-microphone\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M16 2 C12 2 12 6 12 6 L12 16 C12 16 12 20 16 20 20 20 20 16 20 16 L20 6 C20 6 20 2 16 2 Z M8 17 C8 17 8 24 16 24 24 24 24 17 24 17 M13 29 L19 29 M16 24 L16 29\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/telephone.svg\" width=\"24\" height=\"24\" /\u003e | **Telephone**\n---|---\n\n```html\n\u003csvg id=\"i-telephone\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M3 12 C3 5 10 5 16 5 22 5 29 5 29 12 29 20 22 11 22 11 L10 11 C10 11 3 20 3 12 Z M11 14 C11 14 6 19 6 28 L26 28 C26 19 21 14 21 14 L11 14 Z\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"21\" r=\"4\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/desktop.svg\" width=\"24\" height=\"24\" /\u003e | **Desktop**\n---|---\n\n```html\n\u003csvg id=\"i-desktop\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M10 29 C10 29 10 24 16 24 22 24 22 29 22 29 L10 29 Z M2 6 L2 23 30 23 30 6 2 6 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/mobile.svg\" width=\"24\" height=\"24\" /\u003e | **Mobile**\n---|---\n\n```html\n\u003csvg id=\"i-mobile\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003cpath d=\"M21 2 L11 2 C10 2 9 3 9 4 L9 28 C9 29 10 30 11 30 L21 30 C22 30 23 29 23 28 L23 4 C23 3 22 2 21 2 Z M9 5 L23 5 M9 27 L23 27\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/ellipsis-horizontal.svg\" width=\"24\" height=\"24\" /\u003e | **Horizontal Ellipsis**\n---|---\n\n```html\n\u003csvg id=\"i-ellipsis-horizontal\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"7\" cy=\"16\" r=\"2\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"2\" /\u003e\n    \u003ccircle cx=\"25\" cy=\"16\" r=\"2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/ellipsis-vertical.svg\" width=\"24\" height=\"24\" /\u003e | **Vertical Ellipsis**\n---|---\n\n```html\n\u003csvg id=\"i-ellipsis-vertical\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\" fill=\"none\" stroke=\"currentcolor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\u003e\n    \u003ccircle cx=\"16\" cy=\"7\" r=\"2\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"16\" r=\"2\" /\u003e\n    \u003ccircle cx=\"16\" cy=\"25\" r=\"2\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/twitter.svg\" width=\"24\" height=\"24\" /\u003e | **Twitter**\n---|---\n\n```html\n\u003csvg id=\"i-twitter\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"32\" height=\"32\"\u003e\n    \u003cpath stroke-width=\"0\" fill=\"currentColor\" d=\"M60 16 L54 17 L58 12 L51 14 C42 4 28 15 32 24 C16 24 8 12 8 12 C8 12 2 21 12 28 L6 26 C6 32 10 36 17 38 L10 38 C14 46 21 46 21 46 C21 46 15 51 4 51 C37 67 57 37 54 21 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\u003cimg src=\"https://cdn.rawgit.com/danklammer/bytesize-icons/master/dist/icons/github.svg\" width=\"24\" height=\"24\" /\u003e | **GitHub**\n---|---\n\n```html\n\u003csvg id=\"i-github\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\" width=\"32\" height=\"32\"\u003e\n    \u003cpath stroke-width=\"0\" fill=\"currentColor\" d=\"M32 0 C14 0 0 14 0 32 0 53 19 62 22 62 24 62 24 61 24 60 L24 55 C17 57 14 53 13 50 13 50 13 49 11 47 10 46 6 44 10 44 13 44 15 48 15 48 18 52 22 51 24 50 24 48 26 46 26 46 18 45 12 42 12 31 12 27 13 24 15 22 15 22 13 18 15 13 15 13 20 13 24 17 27 15 37 15 40 17 44 13 49 13 49 13 51 20 49 22 49 22 51 24 52 27 52 31 52 42 45 45 38 46 39 47 40 49 40 52 L40 60 C40 61 40 62 42 62 45 62 64 53 64 32 64 14 50 0 32 0 Z\" /\u003e\n\u003c/svg\u003e\n```\n\n---\n\n\n## License\nMIT\n\n\n### Attribution\n\nBytesize Icons does not require attribution, but is encouraged. A link or mention anywhere in your project would be much appreciated.\n\n","funding_links":[],"categories":["Others","SVG Icons","Libs","web","General"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanklammer%2Fbytesize-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanklammer%2Fbytesize-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanklammer%2Fbytesize-icons/lists"}