slideshow image

免費 圖標 矢量圖、剪貼畫和插圖

有 509,047 張 圖標 的免費圖片可供使用,而且我們世界各地的創作者每天都會添加更多圖片,
您一定可以在 illustAC 上為您的下一個個人和商業項目找到圖標 的高質量免費庫存圖片。

插圖來自 ACworks
icon filter search
 / 5091
您正在尋找引人注目的 圖標 免費剪貼畫、插圖和矢量圖,可以合法地用於您的下一個個人和商業項目?有數百萬 圖標 庫存插圖可供使用,還有很多我們的創作者每天都會添加更多內容,IllustAC 將是您的正確選擇。探索 illustAC 的 圖標 類別,您一定可以在幾分鐘內找到您需要的正確剪貼畫和插圖。
探索其他類別
檢視全部
從 photoAC 中探索更多
檢視全部
從silhouetteAC 中探索更多
檢視全部
從templateAC探索更多
檢視全部

ACworks是一家基於專業約稿,與大眾創作者投稿相結合的方式提供免費素材下載的公司。得益於這種素材來源的獨特屬性,在當前的illustAC - 圖示 這一類別頁面中,您將能找到與其他素材圖庫風格不盡相同,但仍能安全用於商業用途的素材。

本文將透過以下幾個角度,對illustAC中的圖示素材作出全面的介紹。

相信不少有過網站建設或是編寫過HTML郵件的朋友都清楚,當需要為網站的部落格或是其他網站獨有的服務新增圖示時經常會手足無措。因為不像Facebook、Twitter或是Youtube那樣,大部分網站都會提供標準化的圖示。也有時候,您需要一個逼真的智慧型手機邊框用以展示應用程式的效果,但卻一時間不祗從哪兒下手。遇到這些問題的話,您都可以來illustAC的圖示類別看一看。

  • 類素材的型別
  • 素材的搜尋
  • 素材的編輯
  • 素材的使用目的/許可範圍

1. 免費圖示素材的型別

按使用目的進行區分的話,illustAC中的圖示素材大體可分為2類:元素圖和背景圖/邊框。

所謂元素圖,其實就是揉合了一攬子同主題同風格圖片的素材。歸功於AI或是EPS等向量圖檔的儲存方式,這些圖片能夠在實際使用時被拆分成單獨的元素加以運用。同時,由於使用者在處理此類素材時經常只取其中一小部份加以運用,因而也不容易與他人的設計撞車。可以說此類圖片是在專業設計師手中靈活度最高,用起來最方便的一種型別了。對於圖示類素材來說,這類素材合集基本案您的喜好選擇一套即可。因為其中大概率會包含您所需要的全部內容。

而內容方面,從傳統的電話/傳真/電郵的圖示,再到網際網路時代的地圖示識、用於網頁內的個性化箭頭和按鈕、一應俱全。

說到背景圖,則佔到了圖示類別素材的絕大部分。通常來說,圖示的設計大多以簡潔、大方為主。illustAC有為使用者考慮過這方面的需求。在當前類別中,您可以找到許多等尺寸的、可直接套用的清爽型模板。但如果您的工作要求您專門準備更具個性的圖示,那麼illustAC也可以滿足您。除了利用上述圖示模板充當設計參考外,當前類別也給您準備了配色更為鮮豔大膽,結構更加多元的背景圖。

為了獲得更多精彩的圖示類別的免版稅插圖/向量圖,就要等您親自搜尋啦!

2. 免費圖示素材的搜尋

在illustAC中,您可以使用多種方法快速找到您需求的免費圖示插圖/向量圖。

  • 按關鍵詞搜尋圖示
  • 調整符合條件的素材的表示順序
  • 排除關鍵字搜尋
  • 按顏色搜尋
  • 按人數搜尋
  • 尋找類似圖示素材
按關鍵詞搜尋

按關鍵詞搜尋可以說是任何圖庫(除了templateAC)都具備的搜尋功能了。在illustAC中,搜尋的物件是所有圖示插圖/向量圖下的所有標籤!由於創作者在投稿時一般都會為向量圖中的內容添加註釋(標籤),因此這種搜尋方式可以經典的囊括大部分免費向量圖,並將含有檢索關鍵字/詞的素材按照向量圖的使用頻度進行排列。如果您不想使用預設的熱度排序,可以嘗試下一項搜尋功能。

調整符合條件的素材的表示順序

同樣是由於接受一般使用者的投稿所導致的特性,illustAC的免費插圖/向量圖素材在質量上可能會有較大的浮動。因此,通常情況下,我們預設選擇按插圖/向量圖的被使用頻率向您呈現搜尋結果。但如果您希望獲得最新的素材,我們也有為您準備相關的功能。只要勾選頁面側邊的精緻化搜尋欄中的【排序方式】-【最新】,即可獲得創作者上傳的第一手素材!

排除關鍵字搜尋

為了最大限度向您展示素材庫中的素材,我們放寬了搜尋時的精度。這也是您偶爾會在“圖示”的關鍵詞搜尋頁面下看到“人”或“水果”等素材的原因。如果您反感此類搜尋結果,則可以利用同樣位於精緻化搜尋欄中的【排除關鍵字】,對那些不希望看到的內容進行排除。在上述的情況下,只要您排除“人”、“水果”的關鍵詞,就能夠以更高的精度進行有針對性的圖示素材搜尋。本功能支援同時排除複數個關鍵字/詞。不過要記得用逗號將這些次隔開喔。

按顏色搜尋

通常情況下,顏色對於向量圖搜尋的幫助程度並沒有想像中那麼大----畢竟人類社會中的大部分物件都是可以染色的。但是,對於搜尋圖示類別時,則並非如此絕對(甚至可以說非常有用)。畢竟大部分顏色都是有固定的現實參照或是對應的認知習慣的。透過顏色搜尋,可以很輕易的限制搜尋結果的展示範圍。除此以外,在為與文章或網站尋找顏色相稱的圖示插圖/向量圖時,您同樣可以使用此功能。

按人數搜尋

雖然說人也能與圖示互動進而成為當下類別中的一員,但在illustAC中,以人為主體的免費插圖/向量圖大多被分類於“人”類別。在這種設定之下,在圖示類別中試圖按人數搜尋就顯得非常無趣。但凡事也並無絕對。比如說,如果您希望找到表現“人與自然和諧相處”的圖示素材,就可以在將精緻化搜尋欄中的【模特兒人數】設定為1的情況下搜尋。此時,您大概率會看到人與圖示共存的插圖/向量圖。諸如此類,在某些特定情況下,按人數搜尋能幫助您快速縮小搜尋範圍。

尋找類似

尋找類似插圖/向量圖是在illustAC中執行搜尋時必定自動執行的一部分。該功能又會根據介面的不同分為兩類。

  • 當您嘗試從搜尋結果頁面檢視時,尋找類似功能將會從向量插圖圖庫illustAC以及剪影圖庫silhouetteAC中尋找圖示素材。此時,儘管類似向量圖的種類會發生變化(即插圖和剪影),但換個角度想,這些全新的素材類別也為您提供了更多的選擇空間。
  • 而當您試圖尋找同一種類的免費插圖/向量圖時,您只需要點選希望成為查詢物件的向量圖即可。該功能是透過ACworks的另一項技術----以圖搜圖自動完成的。透過點選特定的插圖/向量圖,頁面將會跳轉到您選擇的向量圖的下載頁,同時在該向量圖的標籤下方,會出現向量圖結構、內容類似的插圖/向量圖。這些插圖/向量圖當中有些來自於統一創作者,而有些不是。構圖相似而風格迥異的免版稅插圖/向量圖也有可能成為啟發您的創造性的關鍵。如果您暫時找不到完美的插圖,不如點開最接近理想狀態的一份向量圖。說不定裡面就包含著更精彩的推薦!

3. 免費向量圖編輯

想編輯向量圖,但手頭裝置裡沒有圖像編輯器?覺得編輯時找到的圖示素材還得先下載再匯入才能編輯很麻煩?在illustAC,您不會有機會體驗這樣的煩惱!對於每張插圖/向量圖,我們都素材包有編輯按鈕。哪怕不進入各圖的下載介面,您也可以透過點選游標懸浮於插圖/向量圖上方時出現的編輯按鈕,並在選擇好希望編輯的尺寸後,自動跳轉到ACworks的免費圖像編輯器designAC(有正體中文版本)。跳轉完成後,您無需執行任何額外操作,被選擇的素材將會被自動載入於畫布上,供您直接編輯。小到向量圖反轉/對齊、按形狀裁剪、新增文字,大到繪製圖表,多人線上合作編輯,各種圖像處理的必需功能應有盡有。並且最重要的一點:這些都是免費的!

4. 向量圖的使用目的/許可範圍

如果您喜歡當前的圖示類別下的插圖/向量圖或向量圖,您完全可以免費下載。為了適應不同的使用目的,我們為您準備了JPG、PNG以及AI/EPS型別的不同檔案格式供您選擇。在下載前,您需要首先完成免費帳號的註冊和登入。在實際使用時,您不需要引用出處,並且可用於商業專案。 因此,您完全可以將心儀的高質量、免版稅的插圖/向量圖用於傳單/海報等印刷品、網站建設、電商廣告、或電視節目的製作上!

還沒成為普通會員的使用者們,真的不來illustAC免費註冊看看麼?

The Popularity of Icons or Vector Icons in the Digital World

An icon is a pictogram or ideogram which can be seen on a computer screen that helps the user navigate a computer system. It is a small graphical representation of a program or file. Doubling clicking an icon, we can open the associated file or program. They are the components of GUI operating systems, including Apple macOS X and Microsoft Windows. Icons help users to recognize the file represented by it quickly. We all know that images are worth a thousand words, so are icons. Icons can not only draw attention, but it also helps you structure content and different functions or services.

Vector icons are fancy in a presentation, making it more presentable. In simple words, vector icons communicate more than simple text. Icons also create a new perception in the viewer whereby they are involved fully in the presentation.

One of the reasons icons have gained massive popularity is because they are designed for almost everything. This style is generally everywhere, from app icons to app-style icons for favicons or desktops icons. App-style icons are a distinct style that almost has their own. Designers are more familiar with choosing icons rather than text because it takes less space. As we live in growing mobile devices with limited screen space, icons are helpful, so designers prefer them. Icons are not needed to be translated and are more familiar to people than text.

Definitions and different types of icons

To choose the best icons, you first need to know about the types of icons and their impacts and uses. There are three types of icons to date, they are:

    • Universal Icons

By definition, an icon is a visual presentation of action, idea or object. Only a few icons have got universal recognition from the users. For example, the home, shopping cart, magnifying glass for search, the envelope of mail, and print icons are many people familiar with. Moreover, universal icons are rare. Many are still vague to users outside of the icons above due to their multiple meanings across interfaces.

    • Conflicting Icons

Another type of icon that might cause trouble when executed with a standard pictogram is those with opposite meanings—for example, the hamburger icons for navigation. Most people use it as a scrollable overlay, while others represent a list. Conflicting icons confuse users because of their different meanings. Users expect different results and get a different one which is troublesome for them.

    • Unique Icons

Unique Icons function far away from standard actions like sharing and printings. Many designers fail in this category because these icons are typically challenging to recognize. These icons can be entirely different for first-time users. Some will find them interesting and be willing to learn them, while others don't have that much time. Vector icons tell the users what they want to do without much effort.

How to create suitable icons for different uses?

Almost all the things are about creating app design nowadays. Icons are the minor features of every app that represent it on the screen of every mobile phone device and in the app stores. Using great icons is more than just putting simply a logo in a box. Your icons need to stand out among all the other app icons available.

A sound icon is used for various purposes like apps, social media and even on smaller printed projects or business cards. And all it takes is a little thinking, design and time.

There are various ways to create suitable icons and vector icons that are used differently, they are:

    • Make it easy to read

Here, easy to read doesn't mean text. Visual legibility should be the key. The icons should consist of visuals that are recognized worldwide. For example, icons on your computer's desktop, music are played from a button in the form of a musical note, documents are stored in folders, images should be kept in a place that looks similar to a polaroid photo, etc. You can quickly know where things are saved because of the simple icons.

When it comes to visuality, branding is a vital part of the consideration. Big brands often have ions that are a part of their logo or an iconic image. People are more familiar with it even at smaller sizes.

    • Think Icons, not image

Icons are not a photo in a box. An icon can consist of an image and can be a text representation or combination of logomark elements. It should be highly visual and identifiable. Almost all logos do not include actual photos but are more graphic representations of an idea. Furthermore, this concept highlighted the need to make a vector-based icon.

People find it challenging to read images at smaller sizes and get lost easily in a sea of other icons on a user's phone. Hence, a more graphic representation solves this problem.

    • Use Vibrant colors

Do you want your icon to stand out? If yes, then use bold colors. A vibrant color choice will help your app stand out on various backgrounds and gain users' attention. You also need your icon design to blend in with all the other options available. Colors like blue, especially the sky, and navy blue should be avoided because many other icons with these colors are already available. Let's think your primary brand color is blue, then try to pair that with something brighter for impact. So, consider using a new neutral like lime green or seasonal hue such as bright orange or pale pink in the spring, etc.

    • Avoid words

One thing you don't want to see in icons is words. In simple terms, there is not enough room in the icons to fill it with stuff to read. It would be best to avoid text unless it is part of your brand logo. Even text is the part of your logo, and you should be careful while considering it before using that in your primary logo design. Always try to design your icons that can be identified without any words.

For example, The Design Shack icon uses only a single letter, 'd', with color and type treatments consistent with the website. Therefore, these are easy to read and help create a visual connection without words.

    • Create in a Vector Format

The format is an important consideration when it comes to scale and size. Icons should be created using vector-based design. Having vector icons-images means we can save the icons for various devices, sizes, and viewports without making a lot of individual images. Because in reality, you need multiple versions of icon size for a variety of projects. Flexibility is the benefit of using vector icons, but there is a catch. You need to save a copy in a non-vector format for many applications or platforms to upload.

    • Think Outside the Design Box

There are a lot of icons that use single color backgrounds with a white icon, flat ensign techniques and long shadows. Though these trends can be fun and exciting, don't get stuck inside the design box. Try doing something different with your icon.

If there are a lot of square edges icons, consider making your icon rounded. To stand out from all the flat colors, add a hint of texture to the background. It might be risky trying something different and new, but a famous saying is no pain, no gain. Therefore, don't model your icon on whatever else is doing.

Popular types of Icons or Vector Icons on illsutAC

There are various types of icons and vector icons available to date. illustAC is where you can get thousands of free icons and vector icons of high quality. It also provides you with the search through option. The search filter given by illustAC is one of the best services that allows users to search the vector icons according to their needs like shapes, sizes, colors, etc. Some of the most famous icons and vector icons that illustAC provides for free are flat icons or vector icons, materials icons, social network icons, pictogram icons, line icons, people icons, and many more. Hence, if you search for high-quality free vector icons, illustAC is your destiny. It provides you with the correct icon or vector icon you search for within seconds or minutes.

How to use icons effectively?

Designing icons or vector icons both can bring a lot of fun. Icons are miniature links for Facebook or Instagram; they can also have interactive cues that help us design and provide an extra visual spark. Icons can be of many sizes, shapes, and colors like small or big, black or white, flat or intricate. No matter what style attracts you, the effective use of icons can boost usability and the aesthetic value of every design project.

For Web and Mobile UI

No matter how familiar you are with icons or vector icons on web designs, it is never wrong to review the basics. Many web designers use icons or vector icons for the wrong reasons, thinking that their appearance might help dress up otherwise drab looking sites. Icons deserve more credit. The icons for any specific task will give a particular idea or function. For example, the universal 'envelope' icon everyone knows what that means: e-mail, the regularly used 'wrench' icon is quickly associated with tools. Icons bring quickness to a website that limits reading and speeds up procedures. People having a web design career must see things with fresh eyes.

Think about people who do not read English and will know a website. One of the best ways to know whether the icons you're using adequately express their features is to watch them through the eyes of someone who does not know how to read English. Many websites get into trouble implementing icons with features and details that are not noticeable. So, always try to pay attention to the design of icons and ensure that they are simple and easy to understand. While making your hero easily scannable, make sure that the image you are using matches the concept you are trying to convey. For example, anyone can understand the magnifying glass icon is for search. If there were a desk image rather than a magnifying glass, that wouldn't make sense at all. It will just confuse audiences. Your icons should look like the same artist designed them. Look beyond the design already available and think differently. A beautiful different icon can engage more people rather than guide visitors to the proper functions. Little investment of time and refreshment in icons becomes synonymous with a company's brand that will gain a massive involvement of people. Therefore, this should be the goal while brainstorming and developing icons.

The animation used to have both a clear functional purpose and delight users. So, it is possible to use energy to make a more dynamic experience for cases like state changes. Icons must be better targets for users. One of the most common mistakes among mobile UI designers is leaving too little space for icons on mobiles. When you make a design for touch, make sure that your icons are large enough to be touched with fingers easily. Consistency is the critical point in the design. Icons or vector icons should have visual unification. The icons or vector icons you are using for the product should have the same style. Ideally, they should look like the creators are the same artist.

For Graphic Designs

Not every picture will be an incredible landscape, and they might fall short sometimes. Try adding fun interest to your icon design. Use icons to start the photo's content, give extra information, and provide an interaction cue. Not every icon fits into specific placements to encourage user interaction. Icons or vector icons can be the way of an element to start interactivity. For letting you move your icon across the screen, pair iconography and parallax scrolling. Try creating an aspect that's a bit unexpected by layering icons with images or another background. Your icons don't need to have static elements; animate them. But don't be over excited and crazy.

The best icon animations can relate to the content icon itself. Movements shouldn't be too fast because that may be enervating and not too slow cause users might miss them. Hence, there is a sweet spot in the middle where icon movements provide a bit of delight. Clusters of exciting shapes, sketches or hand-crafted icons can also create an interesting visual. The concept is quite late on websites that distribute icon packs though it has a broader application. You can think outside the box using clusters icons and be more creative.

You can also start with an icon pack if you like and customize icons to create them your own. Either option can also be fun and exciting, allowing you to try something different. For a project, icons or vector icons should be only part of a design strategy. Also, think about your content and pair iconography with trendy elements to create a modern and fresh aesthetic. Style flexibility is one of the most incredible things about using icons or vector icons. For some icons, there are standard designs that you want to use so that your users will know what those elements do.

This might consist of icons for social media links, searches, shopping carts, and navigation arrows. And, also never sacrifice usability for a new design. So, you can add your whimsical twist to these standard icon tyles. You can change the shape, color, tweak or even redraw the icons in your style. The only trick is to do something that feels different and unique while maintaining visual recognition, not questioning the icons. These simple changes can make your icons go a long way. These adjustments can help elements become part of your design and a visual story.