Smartphone and Email (Line Art) Free Icons | Vector Assets

A Staple of Sophisticated UI, “Mobile Email Line” Free Material

This is a stylish material that expresses the outline of a smartphone and the email icon on its screen using only lines of uniform thickness. The line art style with no fills doesn’t interfere with background colors or surrounding designs, naturally blending into websites of any tone. It’s ideal when you want to lightly and smartly guide users to functions like “Inquire via email from here” or “Read the newsletter.”

Specific Usage Scenes and Suggested Applications

This icon is effective in situations where you want to increase the visibility of information, from minimalist web design to small contact displays on printed materials.

• For “Fixed Footer Menus” on Smartphone Sites
  As an icon for “Inquiry” or “Email” buttons in the menu bar that stays at the bottom of the screen. Because line art icons have little visual oppressiveness, they don’t obstruct the user’s viewing and create a pathway that can be tapped immediately when needed.
• For “Contact Method” Icons on Business Cards and Shop Cards
  As an icon to accompany guidance like “Book via email from your smartphone” or next to a QR code. Since there are no solid ink fills, it results in a clean and neat business card design.
• As “Settings / Notifications” Icons in Apps
  As an icon for the menu screen to switch message reception settings or turn notifications on/off. It has high affinity with iOS and Android system icons and blends into the UI without looking out of place.
• For “Inverted” Icons in Dark Mode Design
  As a material to be used by changing the lines to “white” on sites with a black background (dark mode). Line art is less likely to lose its silhouette even when colors are inverted, allowing it to maintain a cool impression.
• For Diagramming “Steps” on LPs (Landing Pages)
  As an illustration to explain the easy step of “Just send an email with your smartphone!” Because there is no unnecessary color information, you can focus the user’s attention on the explanatory text.

Editing Tips and the Merits of the EPS Format

Completely free for both commercial and non-commercial use. In addition to versatile PNG and SVG formats, we also provide an EPS file that allows you to adjust even the thickness of the lines and the shape of the corners as a set.

The true value of line art materials lies in the customization possible with the EPS format (vector data). Using software like Adobe Illustrator, you can freely change the “line thickness (line width).” You can fine-tune it to match the tone and manner of the site, making the lines thinner for a “luxurious/feminine” impression, or thicker for a “pop/energetic” impression.
Also, changing the “shape of the line ends” is one technique. Making the corners round (round join) creates a gentle and friendly atmosphere, while making them right angles (miter join) creates a sharp and reliable atmosphere.

Related Keywords

Smartphone, Mobile phone, Email, Envelope, Line drawing, Line art, Inquiry, Contact, Mobile, Notification, UI, Simple, Minimal, Icon, Smartphone, Mobile email, Line art, Outline, Contact