typography icon
typography-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- typography-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
The same icon in other sets
Use the typography icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.414 15H3.586l-1.631 4.505a.75.75 0 1 1-1.41-.51l5.08-14.03a1.463 1.463 0 0 1 2.75 0l5.08 14.03a.75.75 0 1 1-1.411.51Zm4.532-5.098c.913-1.683 2.703-2.205 4.284-2.205c1.047 0 2.084.312 2.878.885c.801.577 1.392 1.455 1.392 2.548v8.12a.75.75 0 0 1-1.5 0v-.06l-.044.025c-.893.52-2.096.785-3.451.785c-1.051 0-2.048-.315-2.795-.948c-.76-.643-1.217-1.578-1.217-2.702c0-.919.349-1.861 1.168-2.563c.81-.694 2-1.087 3.569-1.087H22v-1.57c0-.503-.263-.967-.769-1.332c-.513-.37-1.235-.6-2.001-.6c-1.319 0-2.429.43-2.966 1.42a.75.75 0 0 1-1.318-.716M9.87 13.5L7 5.572L4.13 13.5Zm12.13.7h-2.77c-1.331 0-2.134.333-2.593.726a1.82 1.82 0 0 0-.644 1.424c0 .689.267 1.203.686 1.557c.43.365 1.065.593 1.826.593c1.183 0 2.102-.235 2.697-.581c.582-.34.798-.74.798-1.134Z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonTypography24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.414 15H3.586l-1.631 4.505a.75.75 0 1 1-1.41-.51l5.08-14.03a1.463 1.463 0 0 1 2.75 0l5.08 14.03a.75.75 0 1 1-1.411.51Zm4.532-5.098c.913-1.683 2.703-2.205 4.284-2.205c1.047 0 2.084.312 2.878.885c.801.577 1.392 1.455 1.392 2.548v8.12a.75.75 0 0 1-1.5 0v-.06l-.044.025c-.893.52-2.096.785-3.451.785c-1.051 0-2.048-.315-2.795-.948c-.76-.643-1.217-1.578-1.217-2.702c0-.919.349-1.861 1.168-2.563c.81-.694 2-1.087 3.569-1.087H22v-1.57c0-.503-.263-.967-.769-1.332c-.513-.37-1.235-.6-2.001-.6c-1.319 0-2.429.43-2.966 1.42a.75.75 0 0 1-1.318-.716M9.87 13.5L7 5.572L4.13 13.5Zm12.13.7h-2.77c-1.331 0-2.134.333-2.593.726a1.82 1.82 0 0 0-.644 1.424c0 .689.267 1.203.686 1.557c.43.365 1.065.593 1.826.593c1.183 0 2.102-.235 2.697-.581c.582-.34.798-.74.798-1.134Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.414 15H3.586l-1.631 4.505a.75.75 0 1 1-1.41-.51l5.08-14.03a1.463 1.463 0 0 1 2.75 0l5.08 14.03a.75.75 0 1 1-1.411.51Zm4.532-5.098c.913-1.683 2.703-2.205 4.284-2.205c1.047 0 2.084.312 2.878.885c.801.577 1.392 1.455 1.392 2.548v8.12a.75.75 0 0 1-1.5 0v-.06l-.044.025c-.893.52-2.096.785-3.451.785c-1.051 0-2.048-.315-2.795-.948c-.76-.643-1.217-1.578-1.217-2.702c0-.919.349-1.861 1.168-2.563c.81-.694 2-1.087 3.569-1.087H22v-1.57c0-.503-.263-.967-.769-1.332c-.513-.37-1.235-.6-2.001-.6c-1.319 0-2.429.43-2.966 1.42a.75.75 0 0 1-1.318-.716M9.87 13.5L7 5.572L4.13 13.5Zm12.13.7h-2.77c-1.331 0-2.134.333-2.593.726a1.82 1.82 0 0 0-.644 1.424c0 .689.267 1.203.686 1.557c.43.365 1.065.593 1.826.593c1.183 0 2.102-.235 2.697-.581c.582-.34.798-.74.798-1.134Z"/></svg> </template>
CSS
.icon-typography-24 {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.414%2015H3.586l-1.631%204.505a.75.75%200%201%201-1.41-.51l5.08-14.03a1.463%201.463%200%200%201%202.75%200l5.08%2014.03a.75.75%200%201%201-1.411.51Zm4.532-5.098c.913-1.683%202.703-2.205%204.284-2.205c1.047%200%202.084.312%202.878.885c.801.577%201.392%201.455%201.392%202.548v8.12a.75.75%200%200%201-1.5%200v-.06l-.044.025c-.893.52-2.096.785-3.451.785c-1.051%200-2.048-.315-2.795-.948c-.76-.643-1.217-1.578-1.217-2.702c0-.919.349-1.861%201.168-2.563c.81-.694%202-1.087%203.569-1.087H22v-1.57c0-.503-.263-.967-.769-1.332c-.513-.37-1.235-.6-2.001-.6c-1.319%200-2.429.43-2.966%201.42a.75.75%200%200%201-1.318-.716M9.87%2013.5L7%205.572L4.13%2013.5Zm12.13.7h-2.77c-1.331%200-2.134.333-2.593.726a1.82%201.82%200%200%200-.644%201.424c0%20.689.267%201.203.686%201.557c.43.365%201.065.593%201.826.593c1.183%200%202.102-.235%202.697-.581c.582-.34.798-.74.798-1.134Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.414%2015H3.586l-1.631%204.505a.75.75%200%201%201-1.41-.51l5.08-14.03a1.463%201.463%200%200%201%202.75%200l5.08%2014.03a.75.75%200%201%201-1.411.51Zm4.532-5.098c.913-1.683%202.703-2.205%204.284-2.205c1.047%200%202.084.312%202.878.885c.801.577%201.392%201.455%201.392%202.548v8.12a.75.75%200%200%201-1.5%200v-.06l-.044.025c-.893.52-2.096.785-3.451.785c-1.051%200-2.048-.315-2.795-.948c-.76-.643-1.217-1.578-1.217-2.702c0-.919.349-1.861%201.168-2.563c.81-.694%202-1.087%203.569-1.087H22v-1.57c0-.503-.263-.967-.769-1.332c-.513-.37-1.235-.6-2.001-.6c-1.319%200-2.429.43-2.966%201.42a.75.75%200%200%201-1.318-.716M9.87%2013.5L7%205.572L4.13%2013.5Zm12.13.7h-2.77c-1.331%200-2.134.333-2.593.726a1.82%201.82%200%200%200-.644%201.424c0%20.689.267%201.203.686%201.557c.43.365%201.065.593%201.826.593c1.183%200%202.102-.235%202.697-.581c.582-.34.798-.74.798-1.134Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/typography-24.svg?color=%231a73e8&size=48
