textpattern logo

textpattern from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
textpattern
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the textpattern logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.638 10.8h-.559s-.918-.776-1.872-1.692S0 7.721 0 7.721v-.559L7.162 0h.559s.744.61 1.631 1.448s1.448 1.63 1.448 1.63v.559L8.607 5.83l4.397 4.117l3.272-3.271c.841-.84 1.736-2.719 1.736-2.719l2.346-2.346l.61-.413L24 4.231l-.414.611l-2.344 2.344s-1.606.684-2.718 1.737s-3.34 3.34-3.34 3.34s1.933 2.146 4.057 4.27c2.146 2.146 4.484 4.271 4.651 4.426c.334.309-.347 1.373-.906 2.027s-.857.697-1.247.901s-.836-.051-.836-.051s-2.056-2.261-4.082-4.304c-1.975-1.991-4.559-4.349-4.559-4.349l-7.079 7.078c-.433.434-.597 1.089-.597 1.089l-.649.65s-.701-.396-1.553-1.255s-1.182-1.487-1.182-1.487l.646-.646s.598-.084 1.088-.597s7.01-7.009 7.01-7.009L5.827 8.608zm17.267 13.04c-.02-.019-.034-.033 0 0M17.449 8.756l.453-.453c.86-.86 3.194-1.392 3.194-1.392l2.26-2.26l.258-.381l-2.682-2.682l-.381.258l-2.261 2.261s-.942 1.925-1.802 2.784l-.423.423l-.03.03L3.148 20.231c-.491.492-1.147.655-1.147.655l-.409.41s.551.787 1.004 1.24c.453.454.765.647.765.647l.462-.475s.246-.573.737-1.065zm-4.656 1.406L8.995 6.585s-.626.197-1.088.815s-.488 1.125-.066 1.547l3.085 3.082zm2.642 2.818s-.714.181-1.097.746s-.359.927.052 1.339c.412.412 2.378 2.199 3.888 3.718s3.746 3.864 4.004 4.04l.26.177s.389-.303.668-.702s.627-.981.462-1.132c-.166-.152-1.828-1.669-4.027-3.81s-4.21-4.376-4.21-4.376M.299 7.287v.339s.369.523 1.36 1.514s1.514 1.36 1.514 1.36h.339l-.091-.257s-.766-.399-1.615-1.249c-.85-.85-1.25-1.616-1.25-1.616s2.058-2.009 3.442-3.393C5.383 2.6 7.377.557 7.377.557s.737.429 1.587 1.279s1.279 1.586 1.279 1.586l.257.091v-.339s-.369-.523-1.36-1.514S7.626.3 7.626.3h-.339z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTextpattern(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="M3.638 10.8h-.559s-.918-.776-1.872-1.692S0 7.721 0 7.721v-.559L7.162 0h.559s.744.61 1.631 1.448s1.448 1.63 1.448 1.63v.559L8.607 5.83l4.397 4.117l3.272-3.271c.841-.84 1.736-2.719 1.736-2.719l2.346-2.346l.61-.413L24 4.231l-.414.611l-2.344 2.344s-1.606.684-2.718 1.737s-3.34 3.34-3.34 3.34s1.933 2.146 4.057 4.27c2.146 2.146 4.484 4.271 4.651 4.426c.334.309-.347 1.373-.906 2.027s-.857.697-1.247.901s-.836-.051-.836-.051s-2.056-2.261-4.082-4.304c-1.975-1.991-4.559-4.349-4.559-4.349l-7.079 7.078c-.433.434-.597 1.089-.597 1.089l-.649.65s-.701-.396-1.553-1.255s-1.182-1.487-1.182-1.487l.646-.646s.598-.084 1.088-.597s7.01-7.009 7.01-7.009L5.827 8.608zm17.267 13.04c-.02-.019-.034-.033 0 0M17.449 8.756l.453-.453c.86-.86 3.194-1.392 3.194-1.392l2.26-2.26l.258-.381l-2.682-2.682l-.381.258l-2.261 2.261s-.942 1.925-1.802 2.784l-.423.423l-.03.03L3.148 20.231c-.491.492-1.147.655-1.147.655l-.409.41s.551.787 1.004 1.24c.453.454.765.647.765.647l.462-.475s.246-.573.737-1.065zm-4.656 1.406L8.995 6.585s-.626.197-1.088.815s-.488 1.125-.066 1.547l3.085 3.082zm2.642 2.818s-.714.181-1.097.746s-.359.927.052 1.339c.412.412 2.378 2.199 3.888 3.718s3.746 3.864 4.004 4.04l.26.177s.389-.303.668-.702s.627-.981.462-1.132c-.166-.152-1.828-1.669-4.027-3.81s-4.21-4.376-4.21-4.376M.299 7.287v.339s.369.523 1.36 1.514s1.514 1.36 1.514 1.36h.339l-.091-.257s-.766-.399-1.615-1.249c-.85-.85-1.25-1.616-1.25-1.616s2.058-2.009 3.442-3.393C5.383 2.6 7.377.557 7.377.557s.737.429 1.587 1.279s1.279 1.586 1.279 1.586l.257.091v-.339s-.369-.523-1.36-1.514S7.626.3 7.626.3h-.339z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.638 10.8h-.559s-.918-.776-1.872-1.692S0 7.721 0 7.721v-.559L7.162 0h.559s.744.61 1.631 1.448s1.448 1.63 1.448 1.63v.559L8.607 5.83l4.397 4.117l3.272-3.271c.841-.84 1.736-2.719 1.736-2.719l2.346-2.346l.61-.413L24 4.231l-.414.611l-2.344 2.344s-1.606.684-2.718 1.737s-3.34 3.34-3.34 3.34s1.933 2.146 4.057 4.27c2.146 2.146 4.484 4.271 4.651 4.426c.334.309-.347 1.373-.906 2.027s-.857.697-1.247.901s-.836-.051-.836-.051s-2.056-2.261-4.082-4.304c-1.975-1.991-4.559-4.349-4.559-4.349l-7.079 7.078c-.433.434-.597 1.089-.597 1.089l-.649.65s-.701-.396-1.553-1.255s-1.182-1.487-1.182-1.487l.646-.646s.598-.084 1.088-.597s7.01-7.009 7.01-7.009L5.827 8.608zm17.267 13.04c-.02-.019-.034-.033 0 0M17.449 8.756l.453-.453c.86-.86 3.194-1.392 3.194-1.392l2.26-2.26l.258-.381l-2.682-2.682l-.381.258l-2.261 2.261s-.942 1.925-1.802 2.784l-.423.423l-.03.03L3.148 20.231c-.491.492-1.147.655-1.147.655l-.409.41s.551.787 1.004 1.24c.453.454.765.647.765.647l.462-.475s.246-.573.737-1.065zm-4.656 1.406L8.995 6.585s-.626.197-1.088.815s-.488 1.125-.066 1.547l3.085 3.082zm2.642 2.818s-.714.181-1.097.746s-.359.927.052 1.339c.412.412 2.378 2.199 3.888 3.718s3.746 3.864 4.004 4.04l.26.177s.389-.303.668-.702s.627-.981.462-1.132c-.166-.152-1.828-1.669-4.027-3.81s-4.21-4.376-4.21-4.376M.299 7.287v.339s.369.523 1.36 1.514s1.514 1.36 1.514 1.36h.339l-.091-.257s-.766-.399-1.615-1.249c-.85-.85-1.25-1.616-1.25-1.616s2.058-2.009 3.442-3.393C5.383 2.6 7.377.557 7.377.557s.737.429 1.587 1.279s1.279 1.586 1.279 1.586l.257.091v-.339s-.369-.523-1.36-1.514S7.626.3 7.626.3h-.339z"/></svg>
</template>

CSS

.icon-textpattern {
  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%22M3.638%2010.8h-.559s-.918-.776-1.872-1.692S0%207.721%200%207.721v-.559L7.162%200h.559s.744.61%201.631%201.448s1.448%201.63%201.448%201.63v.559L8.607%205.83l4.397%204.117l3.272-3.271c.841-.84%201.736-2.719%201.736-2.719l2.346-2.346l.61-.413L24%204.231l-.414.611l-2.344%202.344s-1.606.684-2.718%201.737s-3.34%203.34-3.34%203.34s1.933%202.146%204.057%204.27c2.146%202.146%204.484%204.271%204.651%204.426c.334.309-.347%201.373-.906%202.027s-.857.697-1.247.901s-.836-.051-.836-.051s-2.056-2.261-4.082-4.304c-1.975-1.991-4.559-4.349-4.559-4.349l-7.079%207.078c-.433.434-.597%201.089-.597%201.089l-.649.65s-.701-.396-1.553-1.255s-1.182-1.487-1.182-1.487l.646-.646s.598-.084%201.088-.597s7.01-7.009%207.01-7.009L5.827%208.608zm17.267%2013.04c-.02-.019-.034-.033%200%200M17.449%208.756l.453-.453c.86-.86%203.194-1.392%203.194-1.392l2.26-2.26l.258-.381l-2.682-2.682l-.381.258l-2.261%202.261s-.942%201.925-1.802%202.784l-.423.423l-.03.03L3.148%2020.231c-.491.492-1.147.655-1.147.655l-.409.41s.551.787%201.004%201.24c.453.454.765.647.765.647l.462-.475s.246-.573.737-1.065zm-4.656%201.406L8.995%206.585s-.626.197-1.088.815s-.488%201.125-.066%201.547l3.085%203.082zm2.642%202.818s-.714.181-1.097.746s-.359.927.052%201.339c.412.412%202.378%202.199%203.888%203.718s3.746%203.864%204.004%204.04l.26.177s.389-.303.668-.702s.627-.981.462-1.132c-.166-.152-1.828-1.669-4.027-3.81s-4.21-4.376-4.21-4.376M.299%207.287v.339s.369.523%201.36%201.514s1.514%201.36%201.514%201.36h.339l-.091-.257s-.766-.399-1.615-1.249c-.85-.85-1.25-1.616-1.25-1.616s2.058-2.009%203.442-3.393C5.383%202.6%207.377.557%207.377.557s.737.429%201.587%201.279s1.279%201.586%201.279%201.586l.257.091v-.339s-.369-.523-1.36-1.514S7.626.3%207.626.3h-.339z%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%22M3.638%2010.8h-.559s-.918-.776-1.872-1.692S0%207.721%200%207.721v-.559L7.162%200h.559s.744.61%201.631%201.448s1.448%201.63%201.448%201.63v.559L8.607%205.83l4.397%204.117l3.272-3.271c.841-.84%201.736-2.719%201.736-2.719l2.346-2.346l.61-.413L24%204.231l-.414.611l-2.344%202.344s-1.606.684-2.718%201.737s-3.34%203.34-3.34%203.34s1.933%202.146%204.057%204.27c2.146%202.146%204.484%204.271%204.651%204.426c.334.309-.347%201.373-.906%202.027s-.857.697-1.247.901s-.836-.051-.836-.051s-2.056-2.261-4.082-4.304c-1.975-1.991-4.559-4.349-4.559-4.349l-7.079%207.078c-.433.434-.597%201.089-.597%201.089l-.649.65s-.701-.396-1.553-1.255s-1.182-1.487-1.182-1.487l.646-.646s.598-.084%201.088-.597s7.01-7.009%207.01-7.009L5.827%208.608zm17.267%2013.04c-.02-.019-.034-.033%200%200M17.449%208.756l.453-.453c.86-.86%203.194-1.392%203.194-1.392l2.26-2.26l.258-.381l-2.682-2.682l-.381.258l-2.261%202.261s-.942%201.925-1.802%202.784l-.423.423l-.03.03L3.148%2020.231c-.491.492-1.147.655-1.147.655l-.409.41s.551.787%201.004%201.24c.453.454.765.647.765.647l.462-.475s.246-.573.737-1.065zm-4.656%201.406L8.995%206.585s-.626.197-1.088.815s-.488%201.125-.066%201.547l3.085%203.082zm2.642%202.818s-.714.181-1.097.746s-.359.927.052%201.339c.412.412%202.378%202.199%203.888%203.718s3.746%203.864%204.004%204.04l.26.177s.389-.303.668-.702s.627-.981.462-1.132c-.166-.152-1.828-1.669-4.027-3.81s-4.21-4.376-4.21-4.376M.299%207.287v.339s.369.523%201.36%201.514s1.514%201.36%201.514%201.36h.339l-.091-.257s-.766-.399-1.615-1.249c-.85-.85-1.25-1.616-1.25-1.616s2.058-2.009%203.442-3.393C5.383%202.6%207.377.557%207.377.557s.737.429%201.587%201.279s1.279%201.586%201.279%201.586l.257.091v-.339s-.369-.523-1.36-1.514S7.626.3%207.626.3h-.339z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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