case sensitive icon
case-sensitive from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- case-sensitive
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
Use the case sensitive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.026 3.342c.136-.408.812-.408.948 0l2 6l.004.013l.996 2.988A.5.5 0 0 1 7.5 13a.5.5 0 0 1-.474-.342L6.14 10H2.86l-.886 2.658a.501.501 0 0 1-.948-.317l.996-2.987l.004-.012zM3.194 9h2.612L4.5 5.081zm8.664-2.332c1.307.065 2.085.816 2.139 2.028l.003.137v3.675a.5.5 0 0 1-.432.487L13.5 13a.5.5 0 0 1-.495-.432L13 12.5v-.07c-.66.377-1.268.57-1.833.57C9.94 13 9 12.137 9 10.833c0-1.15.792-2.004 2.106-2.163A5 5 0 0 1 13 8.81c-.008-.738-.371-1.103-1.19-1.144c-.642-.032-1.093.058-1.357.243a.5.5 0 1 1-.574-.818c.438-.308 1.036-.444 1.789-.43zm.938 3.147a4 4 0 0 0-1.57-.128c-.822.1-1.227.537-1.227 1.17c0 .731.475 1.167 1.167 1.167c.454 0 1.012-.21 1.668-.642l.165-.112V9.876z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function CodiconCaseSensitive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M4.026 3.342c.136-.408.812-.408.948 0l2 6l.004.013l.996 2.988A.5.5 0 0 1 7.5 13a.5.5 0 0 1-.474-.342L6.14 10H2.86l-.886 2.658a.501.501 0 0 1-.948-.317l.996-2.987l.004-.012zM3.194 9h2.612L4.5 5.081zm8.664-2.332c1.307.065 2.085.816 2.139 2.028l.003.137v3.675a.5.5 0 0 1-.432.487L13.5 13a.5.5 0 0 1-.495-.432L13 12.5v-.07c-.66.377-1.268.57-1.833.57C9.94 13 9 12.137 9 10.833c0-1.15.792-2.004 2.106-2.163A5 5 0 0 1 13 8.81c-.008-.738-.371-1.103-1.19-1.144c-.642-.032-1.093.058-1.357.243a.5.5 0 1 1-.574-.818c.438-.308 1.036-.444 1.789-.43zm.938 3.147a4 4 0 0 0-1.57-.128c-.822.1-1.227.537-1.227 1.17c0 .731.475 1.167 1.167 1.167c.454 0 1.012-.21 1.668-.642l.165-.112V9.876z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.026 3.342c.136-.408.812-.408.948 0l2 6l.004.013l.996 2.988A.5.5 0 0 1 7.5 13a.5.5 0 0 1-.474-.342L6.14 10H2.86l-.886 2.658a.501.501 0 0 1-.948-.317l.996-2.987l.004-.012zM3.194 9h2.612L4.5 5.081zm8.664-2.332c1.307.065 2.085.816 2.139 2.028l.003.137v3.675a.5.5 0 0 1-.432.487L13.5 13a.5.5 0 0 1-.495-.432L13 12.5v-.07c-.66.377-1.268.57-1.833.57C9.94 13 9 12.137 9 10.833c0-1.15.792-2.004 2.106-2.163A5 5 0 0 1 13 8.81c-.008-.738-.371-1.103-1.19-1.144c-.642-.032-1.093.058-1.357.243a.5.5 0 1 1-.574-.818c.438-.308 1.036-.444 1.789-.43zm.938 3.147a4 4 0 0 0-1.57-.128c-.822.1-1.227.537-1.227 1.17c0 .731.475 1.167 1.167 1.167c.454 0 1.012-.21 1.668-.642l.165-.112V9.876z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-case-sensitive {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.026%203.342c.136-.408.812-.408.948%200l2%206l.004.013l.996%202.988A.5.5%200%200%201%207.5%2013a.5.5%200%200%201-.474-.342L6.14%2010H2.86l-.886%202.658a.501.501%200%200%201-.948-.317l.996-2.987l.004-.012zM3.194%209h2.612L4.5%205.081zm8.664-2.332c1.307.065%202.085.816%202.139%202.028l.003.137v3.675a.5.5%200%200%201-.432.487L13.5%2013a.5.5%200%200%201-.495-.432L13%2012.5v-.07c-.66.377-1.268.57-1.833.57C9.94%2013%209%2012.137%209%2010.833c0-1.15.792-2.004%202.106-2.163A5%205%200%200%201%2013%208.81c-.008-.738-.371-1.103-1.19-1.144c-.642-.032-1.093.058-1.357.243a.5.5%200%201%201-.574-.818c.438-.308%201.036-.444%201.789-.43zm.938%203.147a4%204%200%200%200-1.57-.128c-.822.1-1.227.537-1.227%201.17c0%20.731.475%201.167%201.167%201.167c.454%200%201.012-.21%201.668-.642l.165-.112V9.876z%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.026%203.342c.136-.408.812-.408.948%200l2%206l.004.013l.996%202.988A.5.5%200%200%201%207.5%2013a.5.5%200%200%201-.474-.342L6.14%2010H2.86l-.886%202.658a.501.501%200%200%201-.948-.317l.996-2.987l.004-.012zM3.194%209h2.612L4.5%205.081zm8.664-2.332c1.307.065%202.085.816%202.139%202.028l.003.137v3.675a.5.5%200%200%201-.432.487L13.5%2013a.5.5%200%200%201-.495-.432L13%2012.5v-.07c-.66.377-1.268.57-1.833.57C9.94%2013%209%2012.137%209%2010.833c0-1.15.792-2.004%202.106-2.163A5%205%200%200%201%2013%208.81c-.008-.738-.371-1.103-1.19-1.144c-.642-.032-1.093.058-1.357.243a.5.5%200%201%201-.574-.818c.438-.308%201.036-.444%201.789-.43zm.938%203.147a4%204%200%200%200-1.57-.128c-.822.1-1.227.537-1.227%201.17c0%20.731.475%201.167%201.167%201.167c.454%200%201.012-.21%201.668-.642l.165-.112V9.876z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/case-sensitive.svg?color=%231a73e8&size=48
