icons Archives | C4codes

Javascript Vue

Vue 3 component to insert Font Awesome 6 icons

April 18, 2022 Tagged accessibility, Component, css classes, fa 6, font-awesome, fonts, graphical-elements, icons, insert, integrating functions, javascript, optimizing performance, scalable graphics, style customizations, svg images, vector images, Vue 3., website design

fa6-icon Vue 3 component to insert Font Awesome 6 icons. USE OFFICIAL COMPONENT: Font Awesome 6 has a complete implementation of the Vue 3 component now that it is...

Javascript Vue

Vue component for a free and nice-looking icon pack, Iconly

April 15, 2022 Tagged art, Attractive, branding, Design, free, Graphics, icon pack, Iconly, icons, illustrations, logo, modern, Resources, svg, Tools, vector, visuals, Web Design

Viconly Vue.js component wrapper for a free and nice-looking icon pack, Iconly. You can see all the styles and names here Installation (add to the project) yarn add viconly...

Javascript Vue

Unified SVG icons with Vite, Vue 3, Quasar and Pinia

February 14, 2022 Tagged #frontend, API, Design, Development, Framework, icons, Implementation, Integration., javascript, pinia, quasar, svg, UI, unified, Vite, vue, web

What is it? It’s an interactive demo made with Vue 3, Vite, Quasar for the article Unified way of using SVG icons. See it online See the source code...

Javascript React

20+ Best Premium and Free Icon Packs for Web Developers and Designers

January 25, 2022 Tagged brand identity, company logo, creative resources, Download, Flat Design, fonts, free, Graphics, iconography., icons, minimal, Mobile App, modern, Premium, svg, symbols, UI Design, vector art, visual language, Web Design, web developers

Pros of using iconsBest Icon PacksBonus!Creating Apps with FlatlogicFinal thoughts Icons have a significant role in giving you the first impression of a site or application interface. But it...

Javascript Vue

Material Design Svg Icons for Vue.js

November 24, 2021 Tagged Animation, branding, Color Palettes, custom icons, elements, Front End Development, graphic design, Graphics, Icon Design, icon packs, icons, illustration, Interactive, interface, logo, Logo Design, Material Design, Styled Components, styling, svg, Typography, UI, UI Design, User Experience, UX, vector artwork, vector-graphics, visual-design, vue js, Web Development, web elements, website design

Material Design Svg Icons for Vue.js Library to render Material Design Svg Icons in Vue.js Never mind the project name, you can actually use any monochrome svg icon(like Font...

Javascript Vue

Pick out specific elements from the component slot

September 26, 2021 Tagged Animations, Buttons, Columns, fonts, Footers, Forms, Headers, icons, Images, interactivity, Layout, links, menus, Navigation, Sections, Text, Visual Appearance, Widgets

vue-subslot Pick out specific elements from the component <slot>. <template> <div class=”header”> <subslot element=”h1″ /> ⬅ Pick only the `h1` element from the default slot </div> </template> 🚀 Install...

Javascript Vue

A free “do wtf you want with” set of pixel-perfect SVG icons for vue

September 21, 2021 Tagged browse, customize, Design, Do, free, graphic, icons, library, Multimedia, Pixel Perfect, set, svg, unique, use, visual, vue, Want, WTF, you

iconicicons Iconic is a free “do wtf you want with” set of pixel-perfect icons. Available as basic SVG icons and via first-party React and Vue libraries. View Demo View...