Grindr icon
Download the Grindr logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- grindr
- dating
- gay
- lgbt
- app
- social
- logo
- brand
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandGrindr
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-grindr.svg
Code
Copy it the way you use it
brand-grindr.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M13 13.282c0 .492 .784 1.718 2.102 1.718c1.318 0 2.898 -.966 2.898 -2.062c0 -.817 -.932 -.938 -1.409 -.938c-.228 0 -3.591 .111 -3.591 1.282" />
<path d="M12 21c-2.984 0 -6.471 -2.721 -6.63 -2.982c-2.13 -3.49 -2.37 -13.703 -2.37 -13.703l1.446 -1.315c2.499 .39 5.023 .617 7.554 .68a58.626 58.626 0 0 0 7.554 -.68l1.446 1.315s-.24 10.213 -2.37 13.704c-.16 .26 -3.646 2.981 -6.63 2.981" />
<path d="M11 13.282c0 .492 -.784 1.718 -2.102 1.718c-1.318 0 -2.898 -.966 -2.898 -2.062c0 -.817 .932 -.938 1.409 -.938c.228 0 3.591 .111 3.591 1.282" />
</svg>Use the Grindr icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandGrindr } from '@tabler/icons-react';
<IconBrandGrindr size={24} stroke={2} />Vue example
import { IconBrandGrindr } from '@tabler/icons-vue';
<IconBrandGrindr :size="24" :stroke="2" />Svelte 5 example
import { IconBrandGrindr } from '@tabler/icons-svelte-runes';
<IconBrandGrindr size={24} stroke={2} />Related