User Pen icon

ix:user-pen

The User Pen icon (ix:user-pen) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience 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: Siemens Industrial Experience Icons
Author: Siemens AG
License: MIT
Size: 512 × 512
Tags: userpen

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M213.333 42.667c41.238 0 74.667 33.429 74.667 74.666c0 39.863-31.238 72.43-70.57 74.556l-4.097.111c-41.237 0-74.666-33.429-74.666-74.667c0-39.862 31.238-72.43 70.57-74.556zm148.835 384l.499-.499v.499zm-298.168 0h170.667v-42.172l.494-.495H106.667v-34.133l.11-4.142c2.057-38.365 32.515-68.392 69.223-68.392h74.667l3.908.114c22.622 1.322 42.501 14.047 54.242 32.897l30.667-30.667c-20.476-27.372-52.644-45.01-88.817-45.01H176l-4.617.096C111.668 237.253 64 287.834 64 349.867zm192-33.336l9.331-9.331h.002l52.444-52.444l-.001-.001l33.131-33.131l.001.002l8.883-8.884l54.667 54.667L310.667 448H256zm-74.667-275.998c0-17.673 14.327-32 32-32s32 14.327 32 32s-14.327 32-32 32s-32-14.327-32-32m228 122.667L464 294.667l-34.458 34.457l-54.666-54.667z" clip-rule="evenodd"/></svg>

How to use the User Pen icon

React

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

<Icon icon="ix:user-pen" width="24" />

Vue

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

<template>
  <Icon icon="ix:user-pen" width="24" />
</template>

Svelte

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

<Icon icon="ix:user-pen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--user-pen]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:user-pen"></div>

Web component

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

<iconify-icon icon="ix:user-pen"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ix/user-pen.svg" alt="User Pen icon" width="24" height="24">

Related icons in Siemens Industrial Experience Icons

User Pen icon in other icon sets

User Pen icon FAQ

Is the User Pen icon free for commercial use?

Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the User Pen icon in React?

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

How do I add the User Pen icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/user-pen.svg" alt="User Pen icon">, or paste the SVG code inline to style it with CSS.

Browse all Siemens Industrial Experience Icons →