Jeans icon

noto:jeans

The Jeans icon (noto:jeans) is a free SVG icon from the Noto Emoji set by Google Inc. It is drawn on a 128 × 128 grid. Noto Emoji icons are released under the Apache 2.0 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: Noto Emoji
Author: Google Inc
License: Apache-2.0
Size: 128 × 128
Category: Objects
Tags: jean

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#174DA1" d="M94.77 5.4c-.1-.82-.76-1.48-1.66-1.39c-4.64.45-18.34.85-29.11.94s-24.47-.5-29.11-.94c-.89-.09-1.56.57-1.66 1.39c-.77 6.29-.43 27.8-.43 27.8s.03 29.74.03 40.44s1.98 46.94 1.98 46.94c6.62 4.65 18.83 2.8 22.12-.15c0 0 1.55-31.73 1.96-44.02c.5-15.18 2.96-35.78 3.24-37.14c.23-1.17 1.1-1.51 1.87-1.51s1.64.34 1.87 1.51c.27 1.36 2.73 21.96 3.24 37.14c.41 12.29 1.96 44.02 1.96 44.02c3.29 2.95 15.5 4.8 22.12.15c0 0 1.98-36.23 1.98-46.94c0-10.7.03-40.44.03-40.44s.34-21.5-.43-27.8"/><radialGradient id="SVGQwr2neDB" cx="86.099" cy="21.403" r="9.671" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1976D2"/><stop offset=".949" stop-color="#1976D2" stop-opacity=".051"/><stop offset="1" stop-color="#1976D2" stop-opacity="0"/></radialGradient><path fill="url(#SVGQwr2neDB)" d="M91.4 24.04c-1.24.07-4-.33-6.96-3.11c-3.4-3.19-3.16-7.87-3.16-7.87l.8-.25c.01.04.73 4.45 3.88 7.4c3.5 3.28 6.53 2.84 6.57 2.83c0 0 .76-.11 1.26-.35s-.13 1.23-2.39 1.35"/><radialGradient id="SVGpY4LRdbm" cx="60.72" cy="21.403" r="9.671" gradientTransform="matrix(-1 0 0 1 102.679 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1976D2"/><stop offset=".949" stop-color="#1976D2" stop-opacity=".051"/><stop offset="1" stop-color="#1976D2" stop-opacity="0"/></radialGradient><path fill="url(#SVGpY4LRdbm)" d="M36.66 24.04c1.24.07 4-.33 6.96-3.11c3.4-3.19 3.16-7.87 3.16-7.87l-.8-.25c-.01.04-.73 4.45-3.88 7.4c-3.5 3.28-6.53 2.84-6.57 2.83c0 0-.76-.11-1.26-.35c-.51-.23.13 1.23 2.39 1.35"/><path fill="#10356E" d="M63.35 14.03c-17.04 0-30.47-2.72-30.47-2.72l.03-1.13s13.65 1.95 30.44 1.95c16.84 0 30.03-2.03 31.72-2.29l.04 1.18c-.13.01-14.75 3.01-31.76 3.01"/><radialGradient id="SVGCjRVTcyP" cx="93.206" cy="12.556" r="11.208" gradientTransform="matrix(.9441 -.3297 .551 1.5776 -1.706 23.481)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#10356E" stop-opacity="0"/><stop offset=".91" stop-color="#10356E"/></radialGradient><path fill="url(#SVGCjRVTcyP)" d="m94.51 21.23l.6-10.47l-12.96 1.73s.67 5.54 4.65 8.46c.9.66 1.9 1.19 2.86 1.61c2.14.92 4.66.98 4.85-1.33"/><radialGradient id="SVGpF1tnbUs" cx="50.854" cy="12.556" r="11.208" gradientTransform="matrix(-.9441 -.3297 -.551 1.5776 89.716 9.516)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#10356E" stop-opacity="0"/><stop offset=".91" stop-color="#10356E"/></radialGradient><path fill="url(#SVGpF1tnbUs)" d="m33.49 21.23l-.6-10.47l12.96 1.73s-.67 5.54-4.65 8.46c-.9.66-1.9 1.19-2.86 1.61c-2.14.92-4.67.98-4.85-1.33"/><path fill="#10356E" d="M68.59 7.43c.17.01.34.03.47.13c.11.08.17.21.23.34c.11.26.18.52.22.8c.01.07.02.14-.02.2s-.12.08-.19.1c-1.46.37-2.97.59-4.47.65c-.19.01-.39.01-.54-.1c-.14-.11-.2-.29-.23-.46c-.46-2.53 2.97-1.77 4.53-1.66"/><linearGradient id="SVGoaE0Rvri" x1="63.583" x2="64" y1="8.994" y2="28.085" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1976D2"/><stop offset=".949" stop-color="#1976D2" stop-opacity=".051"/><stop offset="1" stop-color="#1976D2" stop-opacity="0"/></linearGradient><path fill="url(#SVGoaE0Rvri)" d="M59.49 27.75c-.19-1.89-.41-19.12-.31-20.31c.14-1.72.5-2.36 1.55-2.49c2.33-.28 3.45-.2 4.58-.23c.46.03 2.35.17 2.76.13c-8.07.79-7.26.91-7.17 6.55c.08 4.71.08 16.18.14 19.75c.02.69-1.2.13-1.55-3.4"/><circle cx="64.32" cy="8.74" r="2.18" fill="#94D1E0"/><radialGradient id="SVGSy6aNbgP" cx="47.05" cy="56.063" r="10.297" gradientTransform="matrix(1.0247 .0826 -.1994 2.4732 8.81 -86.828)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#BBDEFB" stop-opacity=".3"/><stop offset="1" stop-color="#BBDEFB" stop-opacity="0"/></radialGradient><path fill="url(#SVGSy6aNbgP)" d="M56.17 56.54C55 71.08 49.42 82.5 43.72 82.04s-9.38-12.62-8.2-27.17c1.17-14.54 6.75-25.96 12.45-25.5s9.37 12.63 8.2 27.17"/><radialGradient id="SVGdjYFIdVA" cx="86.565" cy="52.711" r="10.297" gradientTransform="matrix(-1.0247 .0826 .1994 2.4732 160.35 -81.804)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#BBDEFB" stop-opacity=".3"/><stop offset="1" stop-color="#BBDEFB" stop-opacity="0"/></radialGradient><path fill="url(#SVGdjYFIdVA)" d="M71.83 56.54C73 71.08 78.58 82.5 84.28 82.04s9.38-12.62 8.2-27.17c-1.17-14.54-6.75-25.96-12.45-25.5c-5.7.47-9.37 12.63-8.2 27.17"/><linearGradient id="SVGjW9iMbWI" x1="87.147" x2="73.817" y1="27.311" y2="32.217" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#10356E" stop-opacity="0"/><stop offset="1" stop-color="#10356E"/></linearGradient><path fill="url(#SVGjW9iMbWI)" d="M70.86 33.2s3.04-2.82 7.9-4.38c5.15-1.65 8.81-1.29 8.81-1.29s-3.36 2.4-7.69 4.04c-4.33 1.66-9.02 1.63-9.02 1.63"/><linearGradient id="SVGNawtQbHe" x1="41.531" x2="54.305" y1="26.045" y2="30.581" gradientTransform="rotate(6.636 49.88 29.573)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#10356E" stop-opacity="0"/><stop offset="1" stop-color="#10356E"/></linearGradient><path fill="url(#SVGNawtQbHe)" d="M49.98 30.41c-4.21-1.9-6.77-4.85-6.77-4.85s2.89.25 7.16 2.28s6.95 4.98 7.38 5.37c-.29-.23-3.56-.9-7.77-2.8"/><linearGradient id="SVGK8UjMdtD" x1="34.115" x2="50.777" y1="28.428" y2="36.203" gradientTransform="rotate(-8.604 45.109 32.692)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#10356E" stop-opacity="0"/><stop offset="1" stop-color="#10356E"/></linearGradient><path fill="url(#SVGK8UjMdtD)" d="M43.72 35.64c-4.85-1.59-7.44-7.2-7.65-7.34c5.67 3.86 12.12 6.1 18.88 7.23c0 0-5.5 1.99-11.23.11"/><path fill="#10356E" d="M63.17 31.27c-.52.29-1.01.13-.38-.47c.64-.6 2.5-2.68 2.94-3.29c.45-.61.53-1.67.53-2.99V12.89h1.51v11.62c0 1.63.28 3.22-1.13 4.3c-1.09.83-2.95 2.16-3.47 2.46m-18.09 85.6c-4.81 0-10.55-1.6-10.55-1.6l-.02-1.79s5.87 1.12 10.24 1.06c5.25-.08 12.48-1.29 12.48-1.29l-.02 1.67c-.01.01-7.24 1.95-12.13 1.95"/><path fill="#64B5F6" d="M57.89 121.44c0 .45-.3.84-.74.94c-1.9.46-7.18 1.62-12.08 1.62c-4.81 0-9.25-1.12-10.93-1.59a.97.97 0 0 1-.71-.93v-5.7c0-.66.44-1.17 1.06-.97c1.86.61 5.79 1.44 10.16 1.38c5.25-.08 9.03-.62 12.56-1.61c.58-.16.67.38.67.98v5.88z"/><path fill="#10356E" d="M82.88 116.87c4.81 0 10.55-1.6 10.55-1.6l.02-1.79s-5.87 1.12-10.24 1.06c-5.25-.08-12.48-1.29-12.48-1.29l.02 1.67c0 .01 7.23 1.95 12.13 1.95"/><path fill="#64B5F6" d="M70.06 121.44c0 .45.3.84.74.94c1.9.46 7.18 1.62 12.08 1.62c4.81 0 9.25-1.12 10.93-1.59c.42-.12.71-.5.71-.93v-5.7c0-.66-.44-1.17-1.06-.97c-1.86.61-5.79 1.44-10.16 1.38c-5.25-.08-9.03-.62-12.56-1.61c-.58-.16-.67.38-.67.98v5.88z"/></svg>

How to use the Jeans icon

React

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

<Icon icon="noto:jeans" width="24" />

Vue

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

<template>
  <Icon icon="noto:jeans" width="24" />
</template>

Svelte

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

<Icon icon="noto:jeans" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="noto:jeans"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/noto/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. Noto Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Jeans icon in React?

Install @iconify/react and render <Icon icon="noto: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/noto/jeans.svg" alt="Jeans icon">, or paste the SVG code inline to style it with CSS.

Browse all Noto Emoji icons →