themesberg / flowbite-icons Goto Github PK

View Code? Open in Web Editor NEW

168.0 168.0 14.0 515 KB

Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS

Home Page: https://flowbite.com/icons/

License: MIT License

JavaScript 11.81% TypeScript 88.19%

figma flowbite icon icon-pack icon-set icons icons-pack iconset react svelte svg svg-icons tailwind vue

flowbite-icons's People

Contributors

Stargazers

Watchers

Forkers

killer6oose dendidepp fordi fortunateadesinas ralbach armvndj sparecycles cogor domthomas-dev arjunrajpal123 andrkenya fuwad121 theamazingstickman

flowbite-icons's Issues

Misspelling Ordored instead of Ordered

https://github.com/themesberg/flowbite-icons/blob/main/src/solid/text/ordored-list.svg

Add solid flag icon

There is currently only an outline flag, there should be a solid flag to accompany it

ArrowDown missing from both Solid and Outline in version 1.1.0

ArrowDown for both solid and outline was in version 1.0.0, but missing from current version 1.1.0

keyboard outline background white

Keyboard outline icon on https://flowbite.com/icons/ displays correctly.

<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
    <path fill-rule="evenodd" d="M2 7c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7Zm5 1H5v2h2V8Zm3 0H8v2h2V8Zm3 0h-2v2h2V8Zm3 0h-2v2h2V8Zm3 0h-2v2h2V8ZM7 11H5v2h2v-2Zm3 0H8v2h2v-2Zm3 0h-2v2h2v-2Zm3 0h-2v2h2v-2Zm3 0h-2v2h2v-2ZM7 14H5v2h2v-2Zm1 0v2h8v-2H8Zm11 0h-2v2h2v-2Z" clip-rule="evenodd"/>
  </svg>

However new keyboard outline icon's background is always white even in dark mode.

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
  <path fill="#fff" d="M0 0h24v24H0z"/>
  <path fill="#000" d="M18 9Z"/>
  <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 6H4a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1ZM8 15h7v0h0-7ZM6 9h0v0h0v0Zm0 3h0v0h0v0Zm0 3h0v0h0v0Zm3-6h0v0h0v0Zm0 3h0v0h0v0Zm3-3h0v0h0v0Zm0 3h0v0h0v0Zm3 0h0v0h0v0Zm3 0h0v0h0v0Zm0 3h0v0h0v0Zm-3-6h0v0h0v0Zm3 0h0v0h0v0Z"/>
</svg>

Wrong icon: forward / forward-step

The description on the icons page seems to be wrong for these icons:

The two icons marked by red pen should be forward-step and forward-step-outline, the other two should be forward and forward-outline.

Name typo for arrow-down-to-braket

arrow-down-to-braket.svg should be
arrow-down-to-bracket.svg

Add a save icon

Thank you for this resource, it's extremely helpful.

Any possibility to add a save icon? I feel like that's a very common icon that's missing here. Something like this: https://mui.com/material-ui/material-icons/?query=save&selected=Save

Product category icons

I'd like to request eCommerce product category icons. Specifically, I need a teddy bear icon to represent the toy category.

https://icones.js.org/collection/mdi?s=teddy-bear

Other examples might be:

toys: teddy bear, toy locomotive, stack of blocks
home goods: table lamp, broom, pillow
tools: hammer, wrench, cog
apparel: t-shirt, dress, shoe

Thank you for considering this idea!

Icon settings

Please add the icon for the settings

space in a file name for solid mobile phone

https://github.com/themesberg/flowbite-icons/blob/main/src/solid/general/mobile%20phone.svg

You missed - between names. It should be mobile-phone.svg.
You need to check the outline as well.

BriefcaseOutline icon has wrong name

adjustments-vertical.svg is now the BriefcaseOutline icon

https://github.com/themesberg/flowbite-icons/blob/main/src/outline/general/adjustments-vertical.svg

solid/general/circle check.svg should be /solid/general/circle-check.svg

Pleas do not use a space for file names.

Add `npm packages` for install.

You should not have a basic package in npm to install it.

same file name problem

https://github.com/themesberg/flowbite-icons/blob/main/src/solid/general/x.svg and https://github.com/themesberg/flowbite-icons/blob/main/src/solid/brands/X.svg are the same name except small and capital letter.
Is it possible to rename them so that they have different names?

Add a Icon for the instagram.

Please add the icon for the ### instagram.

implementation

<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
            xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
            <path fill-rule="evenodd"
              d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
</svg>

Add the Reddit Logo/Icon

The Reddit Icon is one of the most used ones, when looking at social media sites.
Got a pretty good one from Icons8:

<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path d="M 29 3 C 28.0625 3 27.164063 3.382813 26.5 4 C 25.835938 4.617188 25.363281 5.433594 25 6.40625 C 24.355469 8.140625 24.085938 10.394531 24.03125 13.03125 C 19.234375 13.179688 14.820313 14.421875 11.28125 16.46875 C 10.214844 15.46875 8.855469 14.96875 7.5 14.96875 C 6.089844 14.96875 4.675781 15.511719 3.59375 16.59375 C 1.425781 18.761719 1.425781 22.238281 3.59375 24.40625 L 3.84375 24.65625 C 3.3125 26.035156 3 27.488281 3 29 C 3 33.527344 5.566406 37.585938 9.5625 40.4375 C 13.558594 43.289063 19.007813 45 25 45 C 30.992188 45 36.441406 43.289063 40.4375 40.4375 C 44.433594 37.585938 47 33.527344 47 29 C 47 27.488281 46.6875 26.035156 46.15625 24.65625 L 46.40625 24.40625 C 48.574219 22.238281 48.574219 18.761719 46.40625 16.59375 C 45.324219 15.511719 43.910156 14.96875 42.5 14.96875 C 41.144531 14.96875 39.785156 15.46875 38.71875 16.46875 C 35.195313 14.433594 30.800781 13.191406 26.03125 13.03125 C 26.09375 10.546875 26.363281 8.46875 26.875 7.09375 C 27.164063 6.316406 27.527344 5.757813 27.875 5.4375 C 28.222656 5.117188 28.539063 5 29 5 C 29.460938 5 29.683594 5.125 30.03125 5.40625 C 30.378906 5.6875 30.785156 6.148438 31.3125 6.6875 C 32.253906 7.652344 33.695313 8.714844 36.09375 8.9375 C 36.539063 11.238281 38.574219 13 41 13 C 43.75 13 46 10.75 46 8 C 46 5.25 43.75 3 41 3 C 38.605469 3 36.574219 4.710938 36.09375 6.96875 C 34.3125 6.796875 33.527344 6.109375 32.75 5.3125 C 32.300781 4.851563 31.886719 4.3125 31.3125 3.84375 C 30.738281 3.375 29.9375 3 29 3 Z M 41 5 C 42.667969 5 44 6.332031 44 8 C 44 9.667969 42.667969 11 41 11 C 39.332031 11 38 9.667969 38 8 C 38 6.332031 39.332031 5 41 5 Z M 25 15 C 30.609375 15 35.675781 16.613281 39.28125 19.1875 C 42.886719 21.761719 45 25.226563 45 29 C 45 32.773438 42.886719 36.238281 39.28125 38.8125 C 35.675781 41.386719 30.609375 43 25 43 C 19.390625 43 14.324219 41.386719 10.71875 38.8125 C 7.113281 36.238281 5 32.773438 5 29 C 5 25.226563 7.113281 21.761719 10.71875 19.1875 C 14.324219 16.613281 19.390625 15 25 15 Z M 7.5 16.9375 C 8.203125 16.9375 8.914063 17.148438 9.53125 17.59375 C 7.527344 19.03125 5.886719 20.769531 4.75 22.71875 C 3.582031 21.296875 3.660156 19.339844 5 18 C 5.714844 17.285156 6.609375 16.9375 7.5 16.9375 Z M 42.5 16.9375 C 43.390625 16.9375 44.285156 17.285156 45 18 C 46.339844 19.339844 46.417969 21.296875 45.25 22.71875 C 44.113281 20.769531 42.472656 19.03125 40.46875 17.59375 C 41.085938 17.148438 41.796875 16.9375 42.5 16.9375 Z M 17 22 C 14.800781 22 13 23.800781 13 26 C 13 28.199219 14.800781 30 17 30 C 19.199219 30 21 28.199219 21 26 C 21 23.800781 19.199219 22 17 22 Z M 33 22 C 30.800781 22 29 23.800781 29 26 C 29 28.199219 30.800781 30 33 30 C 35.199219 30 37 28.199219 37 26 C 37 23.800781 35.199219 22 33 22 Z M 17 24 C 18.117188 24 19 24.882813 19 26 C 19 27.117188 18.117188 28 17 28 C 15.882813 28 15 27.117188 15 26 C 15 24.882813 15.882813 24 17 24 Z M 33 24 C 34.117188 24 35 24.882813 35 26 C 35 27.117188 34.117188 28 33 28 C 31.882813 28 31 27.117188 31 26 C 31 24.882813 31.882813 24 33 24 Z M 34.15625 33.84375 C 34.101563 33.851563 34.050781 33.859375 34 33.875 C 33.683594 33.9375 33.417969 34.144531 33.28125 34.4375 C 33.28125 34.4375 32.757813 35.164063 31.4375 36 C 30.117188 36.835938 28.058594 37.6875 25 37.6875 C 21.941406 37.6875 19.882813 36.835938 18.5625 36 C 17.242188 35.164063 16.71875 34.4375 16.71875 34.4375 C 16.492188 34.082031 16.066406 33.90625 15.65625 34 C 15.332031 34.082031 15.070313 34.316406 14.957031 34.632813 C 14.84375 34.945313 14.894531 35.292969 15.09375 35.5625 C 15.09375 35.5625 15.863281 36.671875 17.46875 37.6875 C 19.074219 38.703125 21.558594 39.6875 25 39.6875 C 28.441406 39.6875 30.925781 38.703125 32.53125 37.6875 C 34.136719 36.671875 34.90625 35.5625 34.90625 35.5625 C 35.207031 35.273438 35.296875 34.824219 35.128906 34.441406 C 34.960938 34.058594 34.574219 33.820313 34.15625 33.84375 Z"></path>
</svg>

Address book wrong file name, open-book missing on outline directory

Hello, nice set of icons.

Just want to file some issues I have seen. As the title says, address-book says adress-book and open-book is missing on outline directory.

Issues Lists

Incorrect Spelling

adress-book

Missing on outline directory.

open-book

Missing on *solid directory.

file-pen
cog

Will update this thread if I see new issues.

Thanks and have a great day.

Qwik Support

Hello everyone, is posible one port to Qwik framework?