Appearance
closed captions • subtitles • subhead • transcription • transcribe • dialogue • accessibility
import { createIcons, icons } from 'lucide'; createIcons({ icons }); document.body.append('<i data-lucide="captions"></i>');
import { Captions } from 'lucide-react'; const App = () => { return ( <Captions /> ); }; export default App;
<script setup> import { Captions } from 'lucide-vue-next'; </script> <template> <Captions /> </template>
<script> import { Captions } from 'lucide-svelte'; </script> <Captions />
import { Captions } from 'lucide-preact'; const App = () => { return ( <Captions /> ); }; export default App;
import { Captions } from 'lucide-solid'; const App = () => { return ( <Captions /> ); }; export default App;
// app.module.ts import { LucideAngularModule, Captions } from 'lucide-angular'; @NgModule({ imports: [ LucideAngularModule.pick({ Captions }) ], }) // app.component.html <lucide-icon name="captions"></lucide-icon>
<style> @import ('~lucide-static/font/Lucide.css'); </style> <div class="icon-captions"></div>