okcupid logo
okcupid from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- okcupid
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the okcupid logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.287 5.336c-1.656 0-2.609.886-2.831 2.632l-.106.804a.275.275 0 0 1-.382.218c-.67-.294-1.472-.45-2.397-.45C2.24 8.54 0 10.794 0 14.146C0 16.933 1.738 18.6 4.65 18.6c1.213 0 2.275-.27 3.142-.766a.27.27 0 0 1 .323.045c.452.44 1.108.688 1.906.688c.74 0 1.281-.072 1.702-.228l.489-.18a.28.28 0 0 1 .248.03c.371.234.84.378 1.456.378c1.138 0 1.927-.218 2.474-.535a.28.28 0 0 1 .272-.005q.285.15.61.264c.623.244 1.355.374 2.198.374c3.635 0 4.38-1.791 4.38-2.838c0-.515-.127-1.04-.473-1.435c-.01-.013-.027-.023-.038-.04c-.387-.539-1.147-.349-1.324-.701c-.09-.181-.016-.494.59-.466c1.09.05 1.395-1.399 1.395-2.172c0-.954-.449-2.556-3.455-2.556c-1.144 0-2.151.247-2.993.697q-.121.057-.241.116a.27.27 0 0 1-.298-.034c-.435-.379-1.115-.661-2.177-.661q-.336 0-.625.039a.275.275 0 0 1-.312-.31l.118-.888l.097-.727a.28.28 0 0 0-.106-.257l-.582-.447c-.735-.563-1.656-.648-2.14-.648zm.013 1.545c.46 0 .92.115 1.2.33l-.773 5.784c1.956-2.712 2.136-2.876 3.122-2.876c1.036 0 1.397.296 1.397.887c0 .345-.098.575-.263.756c-.246-.016-.493-.016-.69-.016c-.345 0-.542.082-1.512 1.413L14.9 15.18c.082.132.164.247.345.247c.148 0 .395-.017.592-.066c.164.115.23.346.23.559c0 .772-.773 1.101-2.137 1.101c-.64 0-.87-.23-1.216-.97L11.612 13.8l-.411 3.09c-.312.115-.821.131-1.167.131c-.723 0-1.051-.295-1.051-.92q0-.271.098-.937l.92-7c.132-1.036.477-1.283 1.299-1.283m-5.716 3.204c2.383 0 3.221 1.184 3.221 2.943c0 2.482-1.512 4.026-4.141 4.026c-1.874 0-3.107-.822-3.107-2.909c0-2.432 1.48-4.06 4.027-4.06m14.718.017c1.561 0 1.939.477 1.939 1.101c0 .345-.115.543-.329.707c-.377-.115-.772-.18-1.38-.18c-1.184 0-1.857.69-1.857 2.169c0 1.084.328 1.479 1.199 1.479c.493 0 1.068-.116 1.693-.345c.23.115.345.443.345.69c0 .838-.756 1.331-2.613 1.331c-1.988 0-3.057-.805-3.057-2.893c0-2.596 1.578-4.059 4.06-4.059M5.452 11.68c-1.002 0-1.56 1.019-1.56 2.383c0 .986.279 1.43 1.084 1.43c.903 0 1.594-.872 1.594-2.367c0-.969-.263-1.446-1.117-1.446z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOkcupid(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="M11.287 5.336c-1.656 0-2.609.886-2.831 2.632l-.106.804a.275.275 0 0 1-.382.218c-.67-.294-1.472-.45-2.397-.45C2.24 8.54 0 10.794 0 14.146C0 16.933 1.738 18.6 4.65 18.6c1.213 0 2.275-.27 3.142-.766a.27.27 0 0 1 .323.045c.452.44 1.108.688 1.906.688c.74 0 1.281-.072 1.702-.228l.489-.18a.28.28 0 0 1 .248.03c.371.234.84.378 1.456.378c1.138 0 1.927-.218 2.474-.535a.28.28 0 0 1 .272-.005q.285.15.61.264c.623.244 1.355.374 2.198.374c3.635 0 4.38-1.791 4.38-2.838c0-.515-.127-1.04-.473-1.435c-.01-.013-.027-.023-.038-.04c-.387-.539-1.147-.349-1.324-.701c-.09-.181-.016-.494.59-.466c1.09.05 1.395-1.399 1.395-2.172c0-.954-.449-2.556-3.455-2.556c-1.144 0-2.151.247-2.993.697q-.121.057-.241.116a.27.27 0 0 1-.298-.034c-.435-.379-1.115-.661-2.177-.661q-.336 0-.625.039a.275.275 0 0 1-.312-.31l.118-.888l.097-.727a.28.28 0 0 0-.106-.257l-.582-.447c-.735-.563-1.656-.648-2.14-.648zm.013 1.545c.46 0 .92.115 1.2.33l-.773 5.784c1.956-2.712 2.136-2.876 3.122-2.876c1.036 0 1.397.296 1.397.887c0 .345-.098.575-.263.756c-.246-.016-.493-.016-.69-.016c-.345 0-.542.082-1.512 1.413L14.9 15.18c.082.132.164.247.345.247c.148 0 .395-.017.592-.066c.164.115.23.346.23.559c0 .772-.773 1.101-2.137 1.101c-.64 0-.87-.23-1.216-.97L11.612 13.8l-.411 3.09c-.312.115-.821.131-1.167.131c-.723 0-1.051-.295-1.051-.92q0-.271.098-.937l.92-7c.132-1.036.477-1.283 1.299-1.283m-5.716 3.204c2.383 0 3.221 1.184 3.221 2.943c0 2.482-1.512 4.026-4.141 4.026c-1.874 0-3.107-.822-3.107-2.909c0-2.432 1.48-4.06 4.027-4.06m14.718.017c1.561 0 1.939.477 1.939 1.101c0 .345-.115.543-.329.707c-.377-.115-.772-.18-1.38-.18c-1.184 0-1.857.69-1.857 2.169c0 1.084.328 1.479 1.199 1.479c.493 0 1.068-.116 1.693-.345c.23.115.345.443.345.69c0 .838-.756 1.331-2.613 1.331c-1.988 0-3.057-.805-3.057-2.893c0-2.596 1.578-4.059 4.06-4.059M5.452 11.68c-1.002 0-1.56 1.019-1.56 2.383c0 .986.279 1.43 1.084 1.43c.903 0 1.594-.872 1.594-2.367c0-.969-.263-1.446-1.117-1.446z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.287 5.336c-1.656 0-2.609.886-2.831 2.632l-.106.804a.275.275 0 0 1-.382.218c-.67-.294-1.472-.45-2.397-.45C2.24 8.54 0 10.794 0 14.146C0 16.933 1.738 18.6 4.65 18.6c1.213 0 2.275-.27 3.142-.766a.27.27 0 0 1 .323.045c.452.44 1.108.688 1.906.688c.74 0 1.281-.072 1.702-.228l.489-.18a.28.28 0 0 1 .248.03c.371.234.84.378 1.456.378c1.138 0 1.927-.218 2.474-.535a.28.28 0 0 1 .272-.005q.285.15.61.264c.623.244 1.355.374 2.198.374c3.635 0 4.38-1.791 4.38-2.838c0-.515-.127-1.04-.473-1.435c-.01-.013-.027-.023-.038-.04c-.387-.539-1.147-.349-1.324-.701c-.09-.181-.016-.494.59-.466c1.09.05 1.395-1.399 1.395-2.172c0-.954-.449-2.556-3.455-2.556c-1.144 0-2.151.247-2.993.697q-.121.057-.241.116a.27.27 0 0 1-.298-.034c-.435-.379-1.115-.661-2.177-.661q-.336 0-.625.039a.275.275 0 0 1-.312-.31l.118-.888l.097-.727a.28.28 0 0 0-.106-.257l-.582-.447c-.735-.563-1.656-.648-2.14-.648zm.013 1.545c.46 0 .92.115 1.2.33l-.773 5.784c1.956-2.712 2.136-2.876 3.122-2.876c1.036 0 1.397.296 1.397.887c0 .345-.098.575-.263.756c-.246-.016-.493-.016-.69-.016c-.345 0-.542.082-1.512 1.413L14.9 15.18c.082.132.164.247.345.247c.148 0 .395-.017.592-.066c.164.115.23.346.23.559c0 .772-.773 1.101-2.137 1.101c-.64 0-.87-.23-1.216-.97L11.612 13.8l-.411 3.09c-.312.115-.821.131-1.167.131c-.723 0-1.051-.295-1.051-.92q0-.271.098-.937l.92-7c.132-1.036.477-1.283 1.299-1.283m-5.716 3.204c2.383 0 3.221 1.184 3.221 2.943c0 2.482-1.512 4.026-4.141 4.026c-1.874 0-3.107-.822-3.107-2.909c0-2.432 1.48-4.06 4.027-4.06m14.718.017c1.561 0 1.939.477 1.939 1.101c0 .345-.115.543-.329.707c-.377-.115-.772-.18-1.38-.18c-1.184 0-1.857.69-1.857 2.169c0 1.084.328 1.479 1.199 1.479c.493 0 1.068-.116 1.693-.345c.23.115.345.443.345.69c0 .838-.756 1.331-2.613 1.331c-1.988 0-3.057-.805-3.057-2.893c0-2.596 1.578-4.059 4.06-4.059M5.452 11.68c-1.002 0-1.56 1.019-1.56 2.383c0 .986.279 1.43 1.084 1.43c.903 0 1.594-.872 1.594-2.367c0-.969-.263-1.446-1.117-1.446z"/></svg> </template>
CSS
.icon-okcupid {
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%22M11.287%205.336c-1.656%200-2.609.886-2.831%202.632l-.106.804a.275.275%200%200%201-.382.218c-.67-.294-1.472-.45-2.397-.45C2.24%208.54%200%2010.794%200%2014.146C0%2016.933%201.738%2018.6%204.65%2018.6c1.213%200%202.275-.27%203.142-.766a.27.27%200%200%201%20.323.045c.452.44%201.108.688%201.906.688c.74%200%201.281-.072%201.702-.228l.489-.18a.28.28%200%200%201%20.248.03c.371.234.84.378%201.456.378c1.138%200%201.927-.218%202.474-.535a.28.28%200%200%201%20.272-.005q.285.15.61.264c.623.244%201.355.374%202.198.374c3.635%200%204.38-1.791%204.38-2.838c0-.515-.127-1.04-.473-1.435c-.01-.013-.027-.023-.038-.04c-.387-.539-1.147-.349-1.324-.701c-.09-.181-.016-.494.59-.466c1.09.05%201.395-1.399%201.395-2.172c0-.954-.449-2.556-3.455-2.556c-1.144%200-2.151.247-2.993.697q-.121.057-.241.116a.27.27%200%200%201-.298-.034c-.435-.379-1.115-.661-2.177-.661q-.336%200-.625.039a.275.275%200%200%201-.312-.31l.118-.888l.097-.727a.28.28%200%200%200-.106-.257l-.582-.447c-.735-.563-1.656-.648-2.14-.648zm.013%201.545c.46%200%20.92.115%201.2.33l-.773%205.784c1.956-2.712%202.136-2.876%203.122-2.876c1.036%200%201.397.296%201.397.887c0%20.345-.098.575-.263.756c-.246-.016-.493-.016-.69-.016c-.345%200-.542.082-1.512%201.413L14.9%2015.18c.082.132.164.247.345.247c.148%200%20.395-.017.592-.066c.164.115.23.346.23.559c0%20.772-.773%201.101-2.137%201.101c-.64%200-.87-.23-1.216-.97L11.612%2013.8l-.411%203.09c-.312.115-.821.131-1.167.131c-.723%200-1.051-.295-1.051-.92q0-.271.098-.937l.92-7c.132-1.036.477-1.283%201.299-1.283m-5.716%203.204c2.383%200%203.221%201.184%203.221%202.943c0%202.482-1.512%204.026-4.141%204.026c-1.874%200-3.107-.822-3.107-2.909c0-2.432%201.48-4.06%204.027-4.06m14.718.017c1.561%200%201.939.477%201.939%201.101c0%20.345-.115.543-.329.707c-.377-.115-.772-.18-1.38-.18c-1.184%200-1.857.69-1.857%202.169c0%201.084.328%201.479%201.199%201.479c.493%200%201.068-.116%201.693-.345c.23.115.345.443.345.69c0%20.838-.756%201.331-2.613%201.331c-1.988%200-3.057-.805-3.057-2.893c0-2.596%201.578-4.059%204.06-4.059M5.452%2011.68c-1.002%200-1.56%201.019-1.56%202.383c0%20.986.279%201.43%201.084%201.43c.903%200%201.594-.872%201.594-2.367c0-.969-.263-1.446-1.117-1.446z%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%22M11.287%205.336c-1.656%200-2.609.886-2.831%202.632l-.106.804a.275.275%200%200%201-.382.218c-.67-.294-1.472-.45-2.397-.45C2.24%208.54%200%2010.794%200%2014.146C0%2016.933%201.738%2018.6%204.65%2018.6c1.213%200%202.275-.27%203.142-.766a.27.27%200%200%201%20.323.045c.452.44%201.108.688%201.906.688c.74%200%201.281-.072%201.702-.228l.489-.18a.28.28%200%200%201%20.248.03c.371.234.84.378%201.456.378c1.138%200%201.927-.218%202.474-.535a.28.28%200%200%201%20.272-.005q.285.15.61.264c.623.244%201.355.374%202.198.374c3.635%200%204.38-1.791%204.38-2.838c0-.515-.127-1.04-.473-1.435c-.01-.013-.027-.023-.038-.04c-.387-.539-1.147-.349-1.324-.701c-.09-.181-.016-.494.59-.466c1.09.05%201.395-1.399%201.395-2.172c0-.954-.449-2.556-3.455-2.556c-1.144%200-2.151.247-2.993.697q-.121.057-.241.116a.27.27%200%200%201-.298-.034c-.435-.379-1.115-.661-2.177-.661q-.336%200-.625.039a.275.275%200%200%201-.312-.31l.118-.888l.097-.727a.28.28%200%200%200-.106-.257l-.582-.447c-.735-.563-1.656-.648-2.14-.648zm.013%201.545c.46%200%20.92.115%201.2.33l-.773%205.784c1.956-2.712%202.136-2.876%203.122-2.876c1.036%200%201.397.296%201.397.887c0%20.345-.098.575-.263.756c-.246-.016-.493-.016-.69-.016c-.345%200-.542.082-1.512%201.413L14.9%2015.18c.082.132.164.247.345.247c.148%200%20.395-.017.592-.066c.164.115.23.346.23.559c0%20.772-.773%201.101-2.137%201.101c-.64%200-.87-.23-1.216-.97L11.612%2013.8l-.411%203.09c-.312.115-.821.131-1.167.131c-.723%200-1.051-.295-1.051-.92q0-.271.098-.937l.92-7c.132-1.036.477-1.283%201.299-1.283m-5.716%203.204c2.383%200%203.221%201.184%203.221%202.943c0%202.482-1.512%204.026-4.141%204.026c-1.874%200-3.107-.822-3.107-2.909c0-2.432%201.48-4.06%204.027-4.06m14.718.017c1.561%200%201.939.477%201.939%201.101c0%20.345-.115.543-.329.707c-.377-.115-.772-.18-1.38-.18c-1.184%200-1.857.69-1.857%202.169c0%201.084.328%201.479%201.199%201.479c.493%200%201.068-.116%201.693-.345c.23.115.345.443.345.69c0%20.838-.756%201.331-2.613%201.331c-1.988%200-3.057-.805-3.057-2.893c0-2.596%201.578-4.059%204.06-4.059M5.452%2011.68c-1.002%200-1.56%201.019-1.56%202.383c0%20.986.279%201.43%201.084%201.43c.903%200%201.594-.872%201.594-2.367c0-.969-.263-1.446-1.117-1.446z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/okcupid.svg?color=%231a73e8&size=48
