Typeform icon

logos:typeform

The Typeform icon (logos:typeform) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 302 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 302

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="302" viewBox="0 0 512 302"><path fill="#262627" d="M38.517 39.343C66.673 10.633 102.15-2.487 145.264.388c41.52 2.767 83.828 23.252 114.138 53.438c25.761 25.654 35.502 50.785 35.167 88.342c2.862-6.128 8.456-10.965 17.4-10.965c13.53 0 19.496 11.01 19.496 20.506v3.78h-30.002c0 6.64 3.866 11.682 10.506 11.682c4.705 0 8.993-2.69 11.093-7.143l7.478 2.94c-4.285 8.319-9.243 11.934-18.57 11.934c-10.196 0-16.037-6.284-18.444-13.603c-3.718 35.318-17.65 66.265-41.925 92.04c-29.28 31.087-62.567 47.702-100.914 48.309l-1.254.014c-38.8.275-72.887-15.186-102.42-45.332C17.691 226.4 1.936 190.74.172 148.77c-1.842-44.065 11.03-81.58 38.344-109.427m106.628-37.17c-42.6-2.84-77.565 10.09-105.35 38.422C12.844 68.072.137 105.103 1.96 148.695c1.745 41.524 17.316 76.765 46.33 106.383c29.521 30.134 63.56 45.393 102.368 44.781l1.219-.025c37.317-.927 69.766-17.298 98.422-47.722c25.401-26.97 39.342-59.65 41.99-97.16a26 26 0 0 1-.07-1.9c0-1.545.137-3.13.418-4.707c1.475-40.59-7.707-66.572-34.497-93.252c-30.015-29.891-71.923-50.183-112.995-52.92m54.026 129.704l13.604 31.037l14.428-31.037h10.17l-27.657 59.495h-10.171l8.048-17.31l-18.492-42.185zm66.538-.673c12.352 0 18.907 8.066 18.907 21.849c0 13.445-6.64 21.85-19.077 21.85c-4.959 0-9.243-2.355-11.343-5.378v21.846h-8.74v-59.493h8.74v4.873c1.597-2.775 6.384-5.547 11.513-5.547m123.034 0q9.455-.001 15.127 6.304c3.782 4.202 5.714 9.41 5.714 15.545s-1.932 11.345-5.714 15.547q-5.672 6.301-15.127 6.303c-6.302 0-11.428-2.102-15.211-6.303s-5.63-9.413-5.63-15.547s1.848-11.343 5.63-15.545c3.783-4.204 8.909-6.304 15.21-6.304m-201.035-15.797v8.738h-18.56v50.086h-9.244v-50.086h-18.56v-8.738zm251.44 15.796c1.931 0 3.695.338 5.376 1.01l-1.513 7.983c-1.343-.84-3.023-1.26-4.957-1.26c-3.109 0-5.8 1.68-8.066 5.124c-2.27 3.361-3.363 8.152-3.363 14.454v15.716h-8.739v-42.352h8.739v7.059c2.774-4.96 7.815-7.734 12.522-7.734m60.752.002c7.646 0 12.1 5.04 12.1 12.688v30.336h-8.739v-28.402c0-4.454-2.438-6.89-6.22-6.89c-5.461 0-9.916 7.14-9.916 18.317v16.975h-8.74v-28.402c0-4.454-2.437-6.89-6.216-6.89c-5.632 0-9.918 7.14-9.918 19.242v16.05h-8.739v-42.352h8.739v7.227c3.447-5.295 7.647-7.9 12.773-7.9c5.715 0 10.422 3.446 11.683 8.74c2.939-5.63 7.73-8.74 13.193-8.74m-141.647-16.471c2.773 0 5.045.503 6.977 1.512l-1.767 7.395a11 11 0 0 0-4.957-1.177c-3.78 0-5.714 2.186-5.714 6.64v2.773h9.327v7.73h-9.327v34.622h-8.739v-34.622h-5.463v-7.73h5.463v-2.184c0-10.002 5.38-14.96 14.2-14.96m-93.723 24.201c-3.193 0-5.798 1.261-7.814 3.868c-2.018 2.518-3.025 5.964-3.025 10.25q-.001 6.428 3.025 10.336q3.024 3.781 7.814 3.782q4.792 0 7.818-3.782q3.024-3.908 3.023-10.336c0-4.286-1.007-7.732-3.023-10.25c-2.018-2.607-4.623-3.868-7.818-3.868m124.213 0c-3.614 0-6.47 1.428-8.572 4.202c-2.017 2.773-3.024 6.05-3.024 9.916s1.007 7.227 3.024 10c2.102 2.774 4.958 4.118 8.572 4.118s6.472-1.344 8.488-4.118c2.1-2.773 3.11-6.134 3.11-10s-1.01-7.143-3.11-9.916c-2.016-2.774-4.875-4.202-8.488-4.202m-76.774.002c-5.63 0-9.329 3.78-10.336 9.243h20.588c-.756-5.295-4.286-9.243-10.252-9.243"/></svg>

How to use the Typeform icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:typeform" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:typeform" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:typeform" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--typeform]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:typeform"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:typeform"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/typeform.svg" alt="Typeform icon" width="24" height="24">

Related icons in SVG Logos

Typeform icon in other icon sets

Typeform icon FAQ

Is the Typeform icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Typeform icon in React?

Install @iconify/react and render <Icon icon="logos:typeform" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Typeform icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/typeform.svg" alt="Typeform icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →