diff --git a/CHANGELOG.md b/CHANGELOG.md
index 49b10f2..53e45c3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,11 +9,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [0.4.0] - 2023-01-21
+
+### Added
+
+- Add screenshot in README.md file
+- Add extension logo
+
 ## [0.3.2] - 2023-01-21
 
 ### Fixed
 
 - Add missing props to extracted components when expressions are used
 
-[unreleased]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.3.2...HEAD
+[unreleased]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.4.0...HEAD
+[0.4.0]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.4.0...v0.3.2
 [0.3.2]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/b72f621adfcd460d7f15241dea247ebaa074dbea...v0.3.2
diff --git a/README.md b/README.md
index f9c7abd..6b34b8a 100644
--- a/README.md
+++ b/README.md
@@ -14,9 +14,11 @@ For maximum productivity, you can combine this extension with [Emmet](https://em
 1. Use Emmet to create JSX element tree
 2. Use this extension to extract tailwind-styled-components from the JSX
 
+![screenshot](images/screenshot.gif)
+
 ## Usage
 
-Use one of the four VS Code commands provided by this extension:
+Use one of the six VS Code commands provided by this extension:
 
 - `Extract current JSX to tailwind-styled-components to the same file` - Generates tailwind styled component definition for the underlying selected JSX element and appends it to end of the current JSX file.
 - `Extract current JSX to tailwind-styled-components to a separate file` - Generates tailwind styled component definition for the underlying selected JSX element and appends it to end of another file. Automatically imports the new component in the JSX file. The file the component is appended to is controlled by the `separateFile.outputFile` setting.
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..e02346f
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/screenshot.gif b/images/screenshot.gif
new file mode 100644
index 0000000..eb9e506
Binary files /dev/null and b/images/screenshot.gif differ
diff --git a/package.json b/package.json
index 3aadecc..79ba196 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tailwind-styled-components-extractor",
   "displayName": "Tailwind Styled-Components Extractor",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Generate tailwind styled-components from JSX tags. A faster tailwind styled-component workflow.",
   "license": "MIT",
   "publisher": "dimitribarbot",
@@ -21,6 +21,7 @@
     "extractor",
     "snippet"
   ],
+  "icon": "images/logo.png",
   "scripts": {
     "vscode:prepublish": "yarn build && yarn test",
     "prebuild": "rimraf dist",