synthline

Synthline Icons

1500+ clean SVG icons as ready-to-use React and Vue components.

Install

npm install synthline

Usage

React

import { ArrowRight, Settings01, BellRinging01 } from 'synthline/react'

function App() {
  return (
    <>
      <ArrowRight size={24} />
      <Settings01 size={20} strokeWidth={1.5} />
      <BellRinging01 size={32} stroke="blue" />
    </>
  )
}

Vue

<script setup>
import { ArrowRight, Settings01 } from 'synthline/vue'
</script>

<template>
  <ArrowRight :size="24" />
  <Settings01 :size="20" :stroke-width="1.5" />
</template>

Props

Icon Names

Icon filenames map to PascalCase component names:

License

MIT © itstalentnet