textual logo
textual from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- textual
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the textual logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.746 2.731H24l-1.722 3.873l-3.143 1.768H17l-5.182 10.552l-3.128 2.345H5.283l.747-11.216H1.67L0 6.296l2.511-1.884h8.246zM2.709 5.006l-1.45 1.088h8.952l.249-1.088zM.825 6.69l1.23 2.77h4.611l-.747 11.215h.941L10.074 6.69zm7.567 13.985l5.232-12.897h5.24l1.23-2.77H11.07L7.469 20.675zm14.02-17.35h-8.508l-1.935 1.087h8.505z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTextual(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="M13.746 2.731H24l-1.722 3.873l-3.143 1.768H17l-5.182 10.552l-3.128 2.345H5.283l.747-11.216H1.67L0 6.296l2.511-1.884h8.246zM2.709 5.006l-1.45 1.088h8.952l.249-1.088zM.825 6.69l1.23 2.77h4.611l-.747 11.215h.941L10.074 6.69zm7.567 13.985l5.232-12.897h5.24l1.23-2.77H11.07L7.469 20.675zm14.02-17.35h-8.508l-1.935 1.087h8.505z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.746 2.731H24l-1.722 3.873l-3.143 1.768H17l-5.182 10.552l-3.128 2.345H5.283l.747-11.216H1.67L0 6.296l2.511-1.884h8.246zM2.709 5.006l-1.45 1.088h8.952l.249-1.088zM.825 6.69l1.23 2.77h4.611l-.747 11.215h.941L10.074 6.69zm7.567 13.985l5.232-12.897h5.24l1.23-2.77H11.07L7.469 20.675zm14.02-17.35h-8.508l-1.935 1.087h8.505z"/></svg> </template>
CSS
.icon-textual {
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%22M13.746%202.731H24l-1.722%203.873l-3.143%201.768H17l-5.182%2010.552l-3.128%202.345H5.283l.747-11.216H1.67L0%206.296l2.511-1.884h8.246zM2.709%205.006l-1.45%201.088h8.952l.249-1.088zM.825%206.69l1.23%202.77h4.611l-.747%2011.215h.941L10.074%206.69zm7.567%2013.985l5.232-12.897h5.24l1.23-2.77H11.07L7.469%2020.675zm14.02-17.35h-8.508l-1.935%201.087h8.505z%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%22M13.746%202.731H24l-1.722%203.873l-3.143%201.768H17l-5.182%2010.552l-3.128%202.345H5.283l.747-11.216H1.67L0%206.296l2.511-1.884h8.246zM2.709%205.006l-1.45%201.088h8.952l.249-1.088zM.825%206.69l1.23%202.77h4.611l-.747%2011.215h.941L10.074%206.69zm7.567%2013.985l5.232-12.897h5.24l1.23-2.77H11.07L7.469%2020.675zm14.02-17.35h-8.508l-1.935%201.087h8.505z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/textual.svg?color=%231a73e8&size=48
