---
title: "Discussion on \"Vite: 引用svg檔案為React Component—使用vite-plugin-svgr v4\" | Hashnode"
description: "Discussion on \"Vite: 引用svg檔案為React Component—使用vite-plugin-svgr v4\". Learn how to import SVGs as React components in Vite using vite-plugin-svgr v4 to allow flexible styling and attributes"
url: "https://hashnode.com/posts/vite-svgreact-componentvite-plugin-svgr-v4/698df5e8f52e3fbe8db8e6d5"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Vite: 引用svg檔案為React Component—使用vite-plugin-svgr v4](https://urlun0404.hashnode.dev/vite-svgreact-componentvite-plugin-svgr-v4?utm_source=hashnode&utm_medium=feed)

Learn how to import SVGs as React components in Vite using vite-plugin-svgr v4 to allow flexible styling and attributes

Feb 12 · 1 min read · urlun0404.hashnode.dev  
Updated Mar 20  
Read the article

-   [#vite](https://hashnode.com/tag/vite)
-   [#reactjs](https://hashnode.com/tag/reactjs)

## Written by

[You-Lun Lin](https://hashnode.com/@urlun0404)

@urlun0404 · New Taipei, Taiwan

  
[View profile](https://hashnode.com/@urlun0404)

## Responses

Markdown supported · ⌘↵ to post

No responses yet.