圓圈中的星星免費圖示 | 免費素材

直覺傳達「我的最愛」，「附圓框的星星」免費素材

這是一款在圓形框架中，均衡配置標準五芒星的插畫圖示。星星標誌單獨存在也意味著「重要」或「光輝」，但透過用圓形框架包圍，在網站或APP上更容易被辨識為「可點擊的按鈕」，具有提高使用者可視性與操作性的效果。

具體使用場景與用途建議

此圖示在Web服務或APP的UI設計中，作為促使使用者行動的重要零件發揮功能。

• 我的最愛・書籤的「註冊按鈕」
  在電商網站的商品頁面，或部落格文章的頁首部分，被標準利用作為顯示「稍後觀看」或「加入我的最愛」功能的按鈕。由於有圓框，容易表現未點擊狀態（例如僅灰色框線）與已點擊狀態（塗滿黃色的狀態）的切換，易於向使用者傳達目前狀態。
• 評論・評價的「推薦標誌」
  在口碑網站或商品評論中，有別於5階段評價的星星，可作為顯示「編輯部推薦」或「入選殿堂級商品」等特別推薦的徽章使用。圓形會給人「認定印章」般的信賴感，強調在眾多商品中特別值得注目的商品。
• 重要通知・重點的「視覺焦點」
  在條列式清單設計中，於顯示特別重要項目或優點的行首，配置此圓形星星圖示。比起單純的黑點（・）更能吸引視線，作為強調「這裡是重要重點！」的點綴發揮功能，喚起讀者的注意。
• 排行榜・獲獎經歷的「名次顯示」
  作為人氣排行榜第1名的顯示，或「榮獲最佳美妝賞」般的獲獎經歷圖示。與皇冠圖示相同，被用作象徵「第一名」或「特別」的符號，有助於宣傳權威性或高人氣。
• SNS的「讚・反應」按鈕
  雖然愛心符號是主流的「讚」按鈕，但根據服務不同有時也會使用星星標誌。特別是在商務系SNS，或處理知性內容的網站，比起感情性的愛心，傾向於喜好評價或書籤含義較強的星星圖示，最適合作為此時的UI按鈕。

設計技巧與SVG格式的優點

本網站分發的免費素材，也免費提供圖像不會劣化的向量格式（SVG檔案）。

此圖示的狀態變化設計很重要。若使用SVG編輯軟體（Illustrator等），將「灰色框線＋白色填充星星」設為未註冊狀態、「黃色框線＋黃色填充星星」設為已註冊狀態等，透過切換顏色就能製作互動式的UI。此外，若將圓框改為「金色漸層」，也能改造成具高級感的獎牌風設計。

相關關鍵字

星星、Star、丸、圓、我的最愛、書籤、重要、評價、推薦、按鈕、UI、標誌、圖示、Star、Circle、Favorite、Bookmark、Recommend、Icon