ICONYZ
English
Jeans icon from Emoji One (Monotone)

Jeans icon

emojione-monotone:jeans

The Jeans icon (emojione-monotone:jeans) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Emoji One (Monotone)
Author
Emoji One
License
CC-BY-4.0
Size
64 × 64
Category
Objects
Tags
jean
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M48.29 15.672V2H15.709v13.672c-6.099 29.382-2.873 44.629-2.732 45.264L13.212 62l17.208-5.339l-.203-.907c-3.734-16.68 1.191-28.667 2.402-31.256h.288c.98 2.765 4.587 14.673.874 31.256l-.202.907l17.208 5.337l.235-1.063c.141-.634 3.368-15.881-2.732-45.263m1.432 39.505a20 20 0 0 0-.679-1.626c-.931-1.981-1.976-3.464-2.335-3.312c-.357.151.104 1.881 1.034 3.863c.35.743.715 1.416 1.054 1.959a20 20 0 0 0-2.043-1.257c-1.984-1.073-3.752-1.68-3.945-1.356c-.191.318 1.209 1.42 3.14 2.476l-9.508-3.336c.784-4.572 1.046-8.729.995-12.389c.587.462 1.453 1.02 2.459 1.564c1.983 1.074 3.75 1.681 3.944 1.355c.194-.323-1.256-1.457-3.24-2.531a22 22 0 0 0-1.702-.829c.49.034 1.039.054 1.629.052c1.971-.008 3.564-.237 3.563-.51c-.001-.276-1.598-.495-3.566-.486c-.478.002-.933.017-1.349.042q.504-.15 1.058-.343c1.847-.65 3.261-1.387 3.161-1.645c-.102-.257-1.681.059-3.525.71c-1.021.359-1.896.742-2.471 1.058c-.218-5.627-1.143-9.938-1.889-12.577c.633 1.118 1.254 1.925 1.432 1.839c.193-.095-.208-1.201-.896-2.471c-.054-.1-.107-.193-.161-.289q.36.214.754.428c1.983 1.073 3.75 1.68 3.944 1.355s-1.256-1.458-3.24-2.53a21 21 0 0 0-2.032-.972c1.054.204 2.42.399 3.922.547c3.379.336 6.151.306 6.192-.065c.04-.371-2.666-.944-6.046-1.278c-2.341-.232-4.39-.29-5.442-.179V8.329h6.329c-.009 1.144.192 3.756 2.038 5.576c1.062 1.047 2.279 1.653 3.992 1.818v.052l.018.165c-.404.282-.934.722-1.486 1.248c-1.06 1.012-1.796 1.95-1.643 2.096s1.138-.557 2.198-1.568a15 15 0 0 0 1.061-1.11l.01.046c-.345.419-.755.981-1.175 1.625c-.917 1.41-1.512 2.64-1.328 2.749c.185.107 1.078-.946 1.996-2.356a21 21 0 0 0 .687-1.128c3.663 18.327 3.589 31.023 3.091 37.635M30.854 21.381V8.329h2.667v14.158h-1.862c-.474-.184-.805-.611-.805-1.106M23.363 7.777V4.01h.669v3.768h-.2l-.001-.019l-.202.019zm.089.552c.001 1.094-.197 3.625-1.93 5.335c-.99.975-2.201 1.541-3.834 1.7l.012-7.035zm.98-4.319h6.957v3.777h-6.957zm16.254 0v3.768h-.197l-.201-.019l-.002.019h-.269V4.01zm5.605 11.35c-1.589-.163-2.712-.729-3.695-1.696c-1.732-1.71-1.932-4.241-1.929-5.335h5.624zM31.79 4.01h7.827v3.777H31.79zm14.501 3.777h-5.202V4.01h5.202zM22.962 4.01v3.777h-5.261l.007-3.777zm4.002 35.384c-.62-.209-1.668-.428-2.873-.581c-1.95-.247-3.564-.226-3.602.046c-.039.273 1.512.695 3.465.942a22 22 0 0 0 1.62.147c-.55.161-1.158.365-1.798.614c-2.113.822-3.706 1.77-3.557 2.115s1.983-.041 4.095-.862c1.032-.403 1.935-.833 2.576-1.21c-.18 3.56-.025 7.578.687 11.977l-10.076 3.535c.089-.047.174-.089.264-.137c1.984-1.073 3.435-2.208 3.241-2.532c-.195-.323-1.96.283-3.945 1.356c-.65.352-1.233.707-1.729 1.042c.303-.504.62-1.093.926-1.744c.93-1.982 1.392-3.712 1.033-3.863c-.359-.152-1.405 1.33-2.335 3.312c-.272.58-.499 1.132-.682 1.636c-.503-6.643-.576-19.449 3.17-38.003c.203.361.441.757.713 1.174c.919 1.41 1.813 2.465 1.997 2.356s-.41-1.339-1.329-2.748l-.108-.162c1.023.963 1.955 1.622 2.103 1.48c.154-.146-.581-1.084-1.641-2.096a13.5 13.5 0 0 0-1.492-1.251v-.21c1.756-.161 3.065-.77 4.133-1.822c1.844-1.82 2.046-4.433 2.036-5.576h6.597v13.052c0 .541.303 1.019.766 1.3c-.701.121-1.998.643-3.416 1.411c-1.983 1.072-3.435 2.206-3.24 2.531c.194.323 1.961-.283 3.945-1.356c.476-.258.919-.519 1.318-.771c-.177.28-.362.594-.546.932c-.688 1.27-1.089 2.376-.897 2.471c.17.082.74-.643 1.343-1.68c-1.035 2.797-2.334 7.313-2.762 13.175"/><ellipse cx="33.598" cy="5.389" fill="currentColor" rx="1.276" ry="1.138"/></svg>

How to use the Jeans icon

React

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

<Icon icon="emojione-monotone:jeans" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:jeans" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:jeans" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--jeans]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:jeans"></div>

Web component

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

<iconify-icon icon="emojione-monotone:jeans"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/jeans.svg" alt="Jeans icon" width="24" height="24">

Jeans icon in other icon sets

Jeans icon FAQ

Is the Jeans icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Jeans icon in React?

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

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

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

Browse all Emoji One (Monotone) icons →