ICONYZ
English
Iphone icon from Element Plus

Iphone icon

ep:iphone

The Iphone icon (ep:iphone) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Element Plus
Author
Element Plus
License
MIT
Size
1024 × 1024
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M224 768v96a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64v-96zm0-64h576V160a64 64 0 0 0-64-64H288a64 64 0 0 0-64 64zm32 288a96 96 0 0 1-96-96V128a96 96 0 0 1 96-96h512a96 96 0 0 1 96 96v768a96 96 0 0 1-96 96zm304-144a48 48 0 1 1-96 0a48 48 0 0 1 96 0"/></svg>

How to use the Iphone icon

React

import { Icon } from "@iconify/react";

<Icon icon="ep:iphone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ep:iphone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ep:iphone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--iphone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:iphone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ep:iphone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ep/iphone.svg" alt="Iphone icon" width="24" height="24">

Iphone icon in other icon sets

Iphone icon FAQ

Is the Iphone icon free for commercial use?

Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Iphone icon in React?

Install @iconify/react and render <Icon icon="ep:iphone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Iphone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/iphone.svg" alt="Iphone icon">, or paste the SVG code inline to style it with CSS.

Browse all Element Plus icons →