typeform icon logo

typeform-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
typeform-icon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the typeform icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#262627" d="M121.24.474c33.019-2.718 56.734 6.045 82.25 31.547c27.549 27.532 45.864 63.212 50.8 101.218c5.492 42.266-2.062 73.807-25.326 96.898c-22.247 22.08-54.74 29.364-98.146 25.735l-1.797-.158c-36.963-3.398-63.107-15.517-88.438-41.171C13.526 187.14-.732 156.026.029 123.37c.372-15.987 4.901-29.612 13.635-42.98c5.726-8.765 11.54-15.602 23.704-28.14l4.06-4.158l4.474-4.536C74.73 14.58 93.707 2.741 121.24.475m80.288 33.51C176.586 9.057 153.672.59 121.468 3.241c-27.14 2.234-45.78 14.091-74.95 43.635l-2.11 2.141c-14.21 14.448-20.87 21.835-26.738 30.378l-.854 1.26l-.828 1.252c-8.461 12.95-12.824 26.078-13.184 41.528c-.743 31.846 13.194 62.258 39.754 89.157c25.267 25.59 51.225 37.4 88.49 40.514l1.85.148c41.744 3.21 72.867-4.002 94.11-25.087c22.57-22.402 29.92-53.088 24.53-94.57c-4.855-37.382-22.884-72.503-50.01-99.613M166.984 93.39v13.56h-28.797v77.712h-14.345V106.95H95.045V93.39z"/></svg>

React

import type { SVGProps } from "react";

export function LogosTypeformIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#262627" d="M121.24.474c33.019-2.718 56.734 6.045 82.25 31.547c27.549 27.532 45.864 63.212 50.8 101.218c5.492 42.266-2.062 73.807-25.326 96.898c-22.247 22.08-54.74 29.364-98.146 25.735l-1.797-.158c-36.963-3.398-63.107-15.517-88.438-41.171C13.526 187.14-.732 156.026.029 123.37c.372-15.987 4.901-29.612 13.635-42.98c5.726-8.765 11.54-15.602 23.704-28.14l4.06-4.158l4.474-4.536C74.73 14.58 93.707 2.741 121.24.475m80.288 33.51C176.586 9.057 153.672.59 121.468 3.241c-27.14 2.234-45.78 14.091-74.95 43.635l-2.11 2.141c-14.21 14.448-20.87 21.835-26.738 30.378l-.854 1.26l-.828 1.252c-8.461 12.95-12.824 26.078-13.184 41.528c-.743 31.846 13.194 62.258 39.754 89.157c25.267 25.59 51.225 37.4 88.49 40.514l1.85.148c41.744 3.21 72.867-4.002 94.11-25.087c22.57-22.402 29.92-53.088 24.53-94.57c-4.855-37.382-22.884-72.503-50.01-99.613M166.984 93.39v13.56h-28.797v77.712h-14.345V106.95H95.045V93.39z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><path fill="#262627" d="M121.24.474c33.019-2.718 56.734 6.045 82.25 31.547c27.549 27.532 45.864 63.212 50.8 101.218c5.492 42.266-2.062 73.807-25.326 96.898c-22.247 22.08-54.74 29.364-98.146 25.735l-1.797-.158c-36.963-3.398-63.107-15.517-88.438-41.171C13.526 187.14-.732 156.026.029 123.37c.372-15.987 4.901-29.612 13.635-42.98c5.726-8.765 11.54-15.602 23.704-28.14l4.06-4.158l4.474-4.536C74.73 14.58 93.707 2.741 121.24.475m80.288 33.51C176.586 9.057 153.672.59 121.468 3.241c-27.14 2.234-45.78 14.091-74.95 43.635l-2.11 2.141c-14.21 14.448-20.87 21.835-26.738 30.378l-.854 1.26l-.828 1.252c-8.461 12.95-12.824 26.078-13.184 41.528c-.743 31.846 13.194 62.258 39.754 89.157c25.267 25.59 51.225 37.4 88.49 40.514l1.85.148c41.744 3.21 72.867-4.002 94.11-25.087c22.57-22.402 29.92-53.088 24.53-94.57c-4.855-37.382-22.884-72.503-50.01-99.613M166.984 93.39v13.56h-28.797v77.712h-14.345V106.95H95.045V93.39z"/></svg>
</template>

CSS

.icon-typeform-icon {
  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%20256%20257%22%3E%3Cpath%20fill%3D%22%23262627%22%20d%3D%22M121.24.474c33.019-2.718%2056.734%206.045%2082.25%2031.547c27.549%2027.532%2045.864%2063.212%2050.8%20101.218c5.492%2042.266-2.062%2073.807-25.326%2096.898c-22.247%2022.08-54.74%2029.364-98.146%2025.735l-1.797-.158c-36.963-3.398-63.107-15.517-88.438-41.171C13.526%20187.14-.732%20156.026.029%20123.37c.372-15.987%204.901-29.612%2013.635-42.98c5.726-8.765%2011.54-15.602%2023.704-28.14l4.06-4.158l4.474-4.536C74.73%2014.58%2093.707%202.741%20121.24.475m80.288%2033.51C176.586%209.057%20153.672.59%20121.468%203.241c-27.14%202.234-45.78%2014.091-74.95%2043.635l-2.11%202.141c-14.21%2014.448-20.87%2021.835-26.738%2030.378l-.854%201.26l-.828%201.252c-8.461%2012.95-12.824%2026.078-13.184%2041.528c-.743%2031.846%2013.194%2062.258%2039.754%2089.157c25.267%2025.59%2051.225%2037.4%2088.49%2040.514l1.85.148c41.744%203.21%2072.867-4.002%2094.11-25.087c22.57-22.402%2029.92-53.088%2024.53-94.57c-4.855-37.382-22.884-72.503-50.01-99.613M166.984%2093.39v13.56h-28.797v77.712h-14.345V106.95H95.045V93.39z%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%20256%20257%22%3E%3Cpath%20fill%3D%22%23262627%22%20d%3D%22M121.24.474c33.019-2.718%2056.734%206.045%2082.25%2031.547c27.549%2027.532%2045.864%2063.212%2050.8%20101.218c5.492%2042.266-2.062%2073.807-25.326%2096.898c-22.247%2022.08-54.74%2029.364-98.146%2025.735l-1.797-.158c-36.963-3.398-63.107-15.517-88.438-41.171C13.526%20187.14-.732%20156.026.029%20123.37c.372-15.987%204.901-29.612%2013.635-42.98c5.726-8.765%2011.54-15.602%2023.704-28.14l4.06-4.158l4.474-4.536C74.73%2014.58%2093.707%202.741%20121.24.475m80.288%2033.51C176.586%209.057%20153.672.59%20121.468%203.241c-27.14%202.234-45.78%2014.091-74.95%2043.635l-2.11%202.141c-14.21%2014.448-20.87%2021.835-26.738%2030.378l-.854%201.26l-.828%201.252c-8.461%2012.95-12.824%2026.078-13.184%2041.528c-.743%2031.846%2013.194%2062.258%2039.754%2089.157c25.267%2025.59%2051.225%2037.4%2088.49%2040.514l1.85.148c41.744%203.21%2072.867-4.002%2094.11-25.087c22.57-22.402%2029.92-53.088%2024.53-94.57c-4.855-37.382-22.884-72.503-50.01-99.613M166.984%2093.39v13.56h-28.797v77.712h-14.345V106.95H95.045V93.39z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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