material-extensions / material-extensions/vscode-material-icon-theme

[Icon Request] Styled components icon

Open
#656 0 comments 5 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3k
Forks
800
Avg merge
3d 4h
Merged PRs (30d)
10

Description

Homepage: https://styled-components.com/
File extensions: .styled.js, .styled.ts, .sc.js, .sc.ts
Icon: https://styled-components.com/logo.png

SVG:

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 29 28">
  <path fill="#FFC77D" d="M16.05 27.6c.042-.095.148-.161.225-.241 1.175-1.232 2.36-2.453 3.519-3.7A3.2 3.2 0 0020.808 21a5.926 5.926 0 00-.143-.624c-.316.3-.61.573-.906.848-.46.428-.918.858-1.382 1.281a1.93 1.93 0 01-2.148.419 1.973 1.973 0 01-1.29-1.75 1.031 1.031 0 00-.043-.146c-.353.3-.691.576-1.026.86l-6.963 5.9c-.048.041-.1.092-.145.132h9.283l-.014-.009c-.05-.035-.024-.219.019-.311zM6.337 27.6c.083-.108.182-.2.295-.276l9.636-8.175a263.42 263.42 0 001.963-1.683.523.523 0 00.182-.224 5.364 5.364 0 00.065-2.069c-.1.07-.154.1-.2.149-.789.706-1.574 1.418-2.367 2.12a1.762 1.762 0 01-2.048.329 1.888 1.888 0 01-1.08-1.807v-.324c-.145.106-.251.177-.35.257C8.576 18.985 4.72 22.071.865 25.154c-.174.139-.382.449-.61.148-.228-.301.119-.425.294-.565 4.11-3.298 8.222-6.593 12.336-9.885.67-.537.714-.762.278-1.615l-.26.244c-.713.663-1.434 1.317-2.136 1.991a2.12 2.12 0 01-3.585-1.337c-.133.1-.248.173-.357.258l-6.1 4.728c-.105.103-.225.19-.356.258a.446.446 0 01-.3-.015v8.561h6.256a.365.365 0 01.012-.325z"/>
  <path fill="#EE0290" d="M23.237.423c-.17.557-.335 1.115-.484 1.678a1.688 1.688 0 00.9 2.09 7.122 7.122 0 003.818.8V.518a.73.73 0 01.016-.294.665.665 0 01.105-.149h-4.359c.067.078.044.215.004.348zM14.482 10.032c-.02.5-.195.98-.5 1.376a22.67 22.67 0 01-3.726 3.792 1.442 1.442 0 01-1.684.2 1.392 1.392 0 01-.843-1.368c.032-.353.178-.685.417-.947a35.852 35.852 0 015.019-3.993.71.71 0 01.829-.034 1.041 1.041 0 01.488.974zM13.284 16.093a1.438 1.438 0 01.448-1.2 38.34 38.34 0 014.87-3.813c.052-.033.1-.066.157-.1a.837.837 0 011.304.485.86.86 0 01-.037.529 4.39 4.39 0 01-1.168 1.908 118.836 118.836 0 01-3.4 3.22 1.123 1.123 0 01-1.364.192 1.512 1.512 0 01-.81-1.221zM20.5 16.754c-.28.3-.568.586-.837.893-.08.119-.148.246-.2.38.148.044.321.16.441.119.611-.205 1.207-.451 1.878-.71-.146.336-.256.646-.411.93A12.19 12.19 0 0119 21.238c-.355.342-.723.669-1.105.981a1.484 1.484 0 01-2.415-.92 1.1 1.1 0 01.238-.813 22.188 22.188 0 014.623-3.823.195.195 0 01.065-.013l.094.104zM22.794 12.771l1.711-7.6 1.2.281-.619 1.881c-.578 1.75-1.163 3.5-1.727 5.252-.11.324-.254.384-.565.186z"/>
  <path fill="#EE0290" d="M20.862 17.241c.181-.691.361-1.33.513-1.976.148-.627.43-1.213.826-1.721.243-.319.516-.192.795-.123.258.063.323.252.334.5a2.845 2.845 0 01-.588 1.907 4.8 4.8 0 01-1.88 1.413z"/>
  <path fill="#000" d="M27.993.894c.015-.223.01-.446-.017-.668a.29.29 0 00-.116-.151.38.38 0 00-.152-.075c-.032-.006-.077.027-.12.074a.665.665 0 00-.105.149.73.73 0 00-.016.294v4.472a7.122 7.122 0 01-3.818-.8 1.688 1.688 0 01-.9-2.09c.149-.563.314-1.121.484-1.678.04-.133.063-.27 0-.348a.2.2 0 00-.135-.064.3.3 0 00-.182.064.434.434 0 00-.171.19c-.2.6-.376 1.206-.529 1.818-.058.241-.073.49-.046.737a2.34 2.34 0 001.542 2c.189.079.3.157.247.406-.073.316-.144.632-.216.949-.49 2.148-.977 4.297-1.462 6.447a.483.483 0 01-.121.257c-.32.254-.588.566-.791.92a4.799 4.799 0 00-.53 1.5.982.982 0 01-.558.785c-.417.211-.8.484-1.263.768.03-.557.025-1.115-.018-1.671a1.062 1.062 0 01.284-.96 4.75 4.75 0 001.258-2.194 1.294 1.294 0 00-1.208-1.7 1.7 1.7 0 00-.929.264 68.767 68.767 0 00-2.812 2.026c-.547.412-1.062.868-1.592 1.3a.416.416 0 01-.059-.081.842.842 0 00-.059-.214c-.443-.684-.136-1.181.345-1.692A2.793 2.793 0 0015 9.977c.015-.37-.1-.733-.327-1.026a1.46 1.46 0 00-.438-.363 1.337 1.337 0 00-1.517.162l-.279.2c-.637.456-1.282.9-1.895 1.388a64.278 64.278 0 00-2.626 2.214c-.4.353-.692.835-1.107 1.163-2.164 1.709-4.351 3.387-6.53 5.076a1.022 1.022 0 00-.205.161.163.163 0 00-.016.029c-.046.107-.085.284-.031.349.013.014.03.025.047.033.095.04.201.045.3.015.13-.068.25-.155.356-.258l6.1-4.728c.109-.085.224-.162.357-.258a2.12 2.12 0 003.585 1.337c.7-.674 1.423-1.328 2.136-1.991l.26-.244c.436.853.392 1.078-.278 1.615-4.117 3.295-8.232 6.59-12.343 9.886-.175.14-.521.267-.294.565.227.298.436-.009.61-.148 3.857-3.08 7.712-6.165 11.564-9.254.1-.08.205-.151.35-.257v.324a1.888 1.888 0 001.08 1.807 1.762 1.762 0 002.048-.329c.793-.7 1.578-1.414 2.367-2.12.05-.045.108-.079.2-.149.113.687.09 1.39-.065 2.069a.523.523 0 01-.182.224c-.652.563-1.306 1.124-1.963 1.683l-9.632 8.176a1.239 1.239 0 00-.295.276.365.365 0 00-.012.321.375.375 0 00.32.063.294.294 0 00.116-.065c.05-.04.1-.091.145-.132l6.963-5.9c.335-.284.673-.564 1.026-.86.018.048.032.096.043.146a1.973 1.973 0 001.29 1.75 1.931 1.931 0 002.148-.419c.464-.423.922-.853 1.382-1.281.3-.275.59-.551.906-.848.059.205.107.414.143.624a3.199 3.199 0 01-1.014 2.649c-1.159 1.248-2.344 2.469-3.519 3.7-.077.08-.183.146-.225.241-.042.095-.069.281-.019.321l.014.009a.573.573 0 00.338.051.136.136 0 00.081-.051c.028-.029.055-.065.082-.092.952-.984 1.909-1.963 2.854-2.954.381-.386.74-.795 1.074-1.223a3.411 3.411 0 00.61-3.616.516.516 0 01.074-.386c.065-.112.137-.221.211-.329a4.63 4.63 0 00.587-1 7.547 7.547 0 011.339-2.4 2.793 2.793 0 00.5-2.469.987.987 0 010-.489c.506-1.567 1.027-3.129 1.543-4.692l.69-2.094.213-.647c.454 0 .882-.009 1.308 0 .354.01.462-.156.458-.5-.021-1.38-.013-2.759-.013-4.138zM10.256 15.2a1.442 1.442 0 01-1.684.2 1.392 1.392 0 01-.843-1.368c.032-.353.178-.685.417-.947a35.852 35.852 0 015.019-3.993.852.852 0 01.326-.14.656.656 0 01.238 0 .763.763 0 01.265.106 1.042 1.042 0 01.488.975c-.02.5-.195.98-.5 1.376a22.668 22.668 0 01-3.726 3.791zm5.2 1.929a1.123 1.123 0 01-1.364.192 1.512 1.512 0 01-.81-1.224 1.438 1.438 0 01.448-1.2 38.34 38.34 0 014.87-3.813c.052-.033.1-.066.157-.1a.837.837 0 011.304.485.86.86 0 01-.037.529 4.39 4.39 0 01-1.168 1.908c-1.103 1.102-2.25 2.163-3.398 3.219l-.002.004zm5.911 1.241A12.191 12.191 0 0119 21.238c-.355.342-.723.669-1.105.981a1.484 1.484 0 01-2.415-.92 1.1 1.1 0 01.238-.813 22.188 22.188 0 014.623-3.823.195.195 0 01.065-.013l.1.1c-.28.3-.568.586-.837.893-.08.119-.148.246-.2.38.148.044.321.16.441.119.483-.162.958-.35 1.467-.55l.411-.16c-.154.34-.264.65-.419.934l-.002.004zm1.373-2.535c-.373.475-.84.867-1.373 1.152a7.394 7.394 0 01-.507.258c.178-.681.356-1.312.507-1.95l.006-.026c.148-.627.43-1.213.826-1.721.243-.319.516-.192.795-.123.258.063.323.252.334.5a2.845 2.845 0 01-.586 1.906l-.002.004zm2.34-8.5c-.578 1.75-1.163 3.5-1.727 5.252-.106.329-.25.389-.561.191l1.483-6.593.228-1.012 1.2.281-.241.731-.382 1.15z"/>
</svg>

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the repository structure and existing icon requests to find where SVG assets and file-extension associations are stored. Use the supplied styled-components logo and extensions (.styled.js, .styled.ts, .sc.js, and .sc.ts); done means those extensions display the new icon consistently in VS Code.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vscode
Domain
devtools
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.