tinder logo
tinder from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- tinder
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the tinder logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.421 12.599a.335.335 0 0 0 .496.089l.02-.016c.521-.437.984-.88 1.427-1.36C18.64 6.672 16.145.969 16.125.917a.66.66 0 0 1 .197-.792a.66.66 0 0 1 .823.041c14.5 13.484 10.657 23.755 10.381 24.448c-1.163 4.188-5.781 7.219-11.261 7.375c-.183.011-.323.011-.484.011c-6.469 0-11.969-3.984-11.969-9.079v-.077c0-7.063 6.391-14.032 6.677-14.323a.584.584 0 0 1 .704-.141a.63.63 0 0 1 .385.599c-.057 1.381.224 2.584.843 3.6z"/></svg>
React
import type { SVGProps } from "react";
export function CibTinder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.421 12.599a.335.335 0 0 0 .496.089l.02-.016c.521-.437.984-.88 1.427-1.36C18.64 6.672 16.145.969 16.125.917a.66.66 0 0 1 .197-.792a.66.66 0 0 1 .823.041c14.5 13.484 10.657 23.755 10.381 24.448c-1.163 4.188-5.781 7.219-11.261 7.375c-.183.011-.323.011-.484.011c-6.469 0-11.969-3.984-11.969-9.079v-.077c0-7.063 6.391-14.032 6.677-14.323a.584.584 0 0 1 .704-.141a.63.63 0 0 1 .385.599c-.057 1.381.224 2.584.843 3.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.421 12.599a.335.335 0 0 0 .496.089l.02-.016c.521-.437.984-.88 1.427-1.36C18.64 6.672 16.145.969 16.125.917a.66.66 0 0 1 .197-.792a.66.66 0 0 1 .823.041c14.5 13.484 10.657 23.755 10.381 24.448c-1.163 4.188-5.781 7.219-11.261 7.375c-.183.011-.323.011-.484.011c-6.469 0-11.969-3.984-11.969-9.079v-.077c0-7.063 6.391-14.032 6.677-14.323a.584.584 0 0 1 .704-.141a.63.63 0 0 1 .385.599c-.057 1.381.224 2.584.843 3.6z"/></svg> </template>
CSS
.icon-tinder {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.421%2012.599a.335.335%200%200%200%20.496.089l.02-.016c.521-.437.984-.88%201.427-1.36C18.64%206.672%2016.145.969%2016.125.917a.66.66%200%200%201%20.197-.792a.66.66%200%200%201%20.823.041c14.5%2013.484%2010.657%2023.755%2010.381%2024.448c-1.163%204.188-5.781%207.219-11.261%207.375c-.183.011-.323.011-.484.011c-6.469%200-11.969-3.984-11.969-9.079v-.077c0-7.063%206.391-14.032%206.677-14.323a.584.584%200%200%201%20.704-.141a.63.63%200%200%201%20.385.599c-.057%201.381.224%202.584.843%203.6z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.421%2012.599a.335.335%200%200%200%20.496.089l.02-.016c.521-.437.984-.88%201.427-1.36C18.64%206.672%2016.145.969%2016.125.917a.66.66%200%200%201%20.197-.792a.66.66%200%200%201%20.823.041c14.5%2013.484%2010.657%2023.755%2010.381%2024.448c-1.163%204.188-5.781%207.219-11.261%207.375c-.183.011-.323.011-.484.011c-6.469%200-11.969-3.984-11.969-9.079v-.077c0-7.063%206.391-14.032%206.677-14.323a.584.584%200%200%201%20.704-.141a.63.63%200%200%201%20.385.599c-.057%201.381.224%202.584.843%203.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/tinder.svg?color=%231a73e8&size=48
