Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

insta icon in next js

// installation
npm install @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

//_app.js 
import '@fortawesome/fontawesome-svg-core/styles.css'; //importing font awesome css
import { config } from '@fortawesome/fontawesome-svg-core';
config.autoAddCss = false; // Tell Font Awesome to skip adding the CSS automatically since it's being imported above

// component.js
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

// for brand icons
import {
  faYoutube,
  faFacebook,
  faTwitter,
  faInstagram
} from "@fortawesome/free-brands-svg-icons";

// for solid icons
import {faSearch} from "@fortawesome/free-solid-svg-icons"


<FontAwesomeIcon icon={faFacebook} />// use like this
Comment

PREVIOUS NEXT
Code Example
Javascript :: js check file exist 
Javascript :: setting proxy in npm 
Javascript :: js input text set value 
Javascript :: javascript set input value by class name 
Javascript :: javascript get if IE11 
Javascript :: js object random key 
Javascript :: js loop array 
Javascript :: canvas resize canvas 
Javascript :: javascript get date without time 
Javascript :: props.history.push with data 
Javascript :: react native activityindicator 
Javascript :: javascript on url anchor change event 
Javascript :: loop json 
Javascript :: Get current active sheet name google appscript 
Javascript :: array to comma separated list js 
Javascript :: jquery change selected option to first 
Javascript :: error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules@react-navigation ativelibmoduleScrollables.js`: react-native-gesture-handler could not be found within the project. 
Javascript :: split by whitespace javascript 
Javascript :: node js send file from root dir 
Javascript :: how to toggle the classlist in Javascript 
Javascript :: alpinejs cdn 
Javascript :: get index of option in select jquery 
Javascript :: reinitialize datatable on button click 
Javascript :: width 100% react-native 
Javascript :: update angular cli 10 
Javascript :: how to trigger events when the document loads in js 
Javascript :: window localtion javascript 
Javascript :: How to Check for a Null or Empty String in JavaScript 
Javascript :: leap year condition in javascript 
Javascript :: telegraf js sendmessage 
ADD CONTENT
Topic
Content
Source link
Name
5+9 =