101 icons
Frontend logos & icons
101 free Frontend logos, including React, Vue, Angular, Svelte, Next.js, Nuxt, and more. Each comes as an optimized SVG in color and monochrome, and as a React, Vue, or Svelte component.
React
Vue
Angular
Svelte
Next.js
Nuxt
Astro
Tailwind
CSS
Javascript
Jest
Vercel
Atomico
Clerk
Electron
Mantine
Material-ui
Alpine.js
AMP
Ampersand
Ant Design
Apollo
Aurelia
Autoprefixer
AWS Amplify
Axios
Backbone
BEM
Biome
Blitz.js
Blueprint
Bootstrap
Broccoli
Browserslist
Browsersync
Brunch
Bubble
Builder.io
Bulma
Canjs
Codepen
Codesandbox
CSS 3
CSSnext
CycleJS
Cypress
Dart
Dropzone.js
Elm
Ember
Enact
Evergreen
Grommet
GWT
Haml
Handlebars
Headlessui
Highcharts
Hookstate
HTML 5
Hyperapp
Imba
Inferno
Ionic
Jamstack
Jotai
Jquery
Jsfiddle
Knockout
Leaflet
Less
Lit
Malina.js
Marko
Microcosm
Milligram
Million
Mint
Mithril
Mobx
Naive UI
Preact
Qwik
React Router
Redux
Riot
Rum
SASS
Semantic UI
Shogun
SillyTavern
Solid
Storybook
Uikit
UnoCSS
Vaadin
Vite
Vuetify
Webcomponents
Webix
Webpack
About Frontend logos
Frontend frameworks, UI libraries, CSS tools, and build tooling: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, Tailwind, Material UI, Mantine, Bootstrap, and the bundlers and test runners around them. Use them for tech stack sections on portfolios, job posts, and project READMEs.
Use Frontend icons in your app
Install @dev.icons/react (or /vue,
/svelte) and import icons by name. Each icon is its own
export, so your bundle only includes the ones you use. Prefer plain
files? Every icon page has a one-click SVG download. See the quick start for the icon font and CDN options.
import { _React, _Vue, AngularIcon } from "@dev.icons/react";
export function TechStack() {
return (
<>
<_React size={32} />
<_Vue size={32} />
<AngularIcon size={32} />
</>
);
} 18 of these marks need a light backdrop on dark backgrounds. 1 needs a dark backdrop on light backgrounds. The grid above already applies one, and each icon page previews both themes.