letter case lowercase icon

letter-case-lowercase from Radix Icons by WorkOS · Outline · MIT Free for personal and commercial use.

Name
letter-case-lowercase
Set
Radix Icons
Style
Outline
Viewbox
15×15
License
MIT

Related icons in Radix Icons

letter-case-capitalizeletter-case-toggleletter-case-uppercaseletter-spacing

Use the letter case lowercase icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.699 5.207c.893 0 1.706.395 2.255 1.018V5.72a.45.45 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m7.1 0a3 3 0 0 1 2.254 1.018V5.72a.451.451 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m-6.913.85c-.977 0-2.05.909-2.05 2.552c0 1.544.973 2.552 2.05 2.552c.885 0 1.686-.668 2.068-1.366v-2.49c-.39-.722-1.212-1.247-2.068-1.247m7.1 0c-.978.001-2.05.91-2.05 2.552c0 1.544.972 2.552 2.05 2.552c.884 0 1.685-.668 2.067-1.366v-2.49c-.39-.722-1.211-1.247-2.067-1.247"/></svg>

React

import type { SVGProps } from "react";

export function RadixIconsLetterCaseLowercase(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.699 5.207c.893 0 1.706.395 2.255 1.018V5.72a.45.45 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m7.1 0a3 3 0 0 1 2.254 1.018V5.72a.451.451 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m-6.913.85c-.977 0-2.05.909-2.05 2.552c0 1.544.973 2.552 2.05 2.552c.885 0 1.686-.668 2.068-1.366v-2.49c-.39-.722-1.212-1.247-2.068-1.247m7.1 0c-.978.001-2.05.91-2.05 2.552c0 1.544.972 2.552 2.05 2.552c.884 0 1.685-.668 2.067-1.366v-2.49c-.39-.722-1.211-1.247-2.067-1.247"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M3.699 5.207c.893 0 1.706.395 2.255 1.018V5.72a.45.45 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m7.1 0a3 3 0 0 1 2.254 1.018V5.72a.451.451 0 0 1 .9 0v5.81a.45.45 0 0 1-.9 0v-.51a3.06 3.06 0 0 1-2.255.993c-1.54 0-2.89-1.38-2.89-3.404c0-1.923 1.25-3.402 2.89-3.402m-6.913.85c-.977 0-2.05.909-2.05 2.552c0 1.544.973 2.552 2.05 2.552c.885 0 1.686-.668 2.068-1.366v-2.49c-.39-.722-1.212-1.247-2.068-1.247m7.1 0c-.978.001-2.05.91-2.05 2.552c0 1.544.972 2.552 2.05 2.552c.884 0 1.685-.668 2.067-1.366v-2.49c-.39-.722-1.211-1.247-2.067-1.247"/></svg>
</template>

CSS

.icon-letter-case-lowercase {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.699%205.207c.893%200%201.706.395%202.255%201.018V5.72a.45.45%200%200%201%20.9%200v5.81a.45.45%200%200%201-.9%200v-.51a3.06%203.06%200%200%201-2.255.993c-1.54%200-2.89-1.38-2.89-3.404c0-1.923%201.25-3.402%202.89-3.402m7.1%200a3%203%200%200%201%202.254%201.018V5.72a.451.451%200%200%201%20.9%200v5.81a.45.45%200%200%201-.9%200v-.51a3.06%203.06%200%200%201-2.255.993c-1.54%200-2.89-1.38-2.89-3.404c0-1.923%201.25-3.402%202.89-3.402m-6.913.85c-.977%200-2.05.909-2.05%202.552c0%201.544.973%202.552%202.05%202.552c.885%200%201.686-.668%202.068-1.366v-2.49c-.39-.722-1.212-1.247-2.068-1.247m7.1%200c-.978.001-2.05.91-2.05%202.552c0%201.544.972%202.552%202.05%202.552c.884%200%201.685-.668%202.067-1.366v-2.49c-.39-.722-1.211-1.247-2.067-1.247%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.699%205.207c.893%200%201.706.395%202.255%201.018V5.72a.45.45%200%200%201%20.9%200v5.81a.45.45%200%200%201-.9%200v-.51a3.06%203.06%200%200%201-2.255.993c-1.54%200-2.89-1.38-2.89-3.404c0-1.923%201.25-3.402%202.89-3.402m7.1%200a3%203%200%200%201%202.254%201.018V5.72a.451.451%200%200%201%20.9%200v5.81a.45.45%200%200%201-.9%200v-.51a3.06%203.06%200%200%201-2.255.993c-1.54%200-2.89-1.38-2.89-3.404c0-1.923%201.25-3.402%202.89-3.402m-6.913.85c-.977%200-2.05.909-2.05%202.552c0%201.544.973%202.552%202.05%202.552c.885%200%201.686-.668%202.068-1.366v-2.49c-.39-.722-1.212-1.247-2.068-1.247m7.1%200c-.978.001-2.05.91-2.05%202.552c0%201.544.972%202.552%202.05%202.552c.884%200%201.685-.668%202.067-1.366v-2.49c-.39-.722-1.211-1.247-2.067-1.247%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/radix-icons/letter-case-lowercase.svg?color=%231a73e8&size=48