kiss person person medium skin tone emoji
kiss-person-person-medium-skin-tone-dark-skin-tone from Twitter Emoji by Twitter · Dark skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- kiss-person-person-medium-skin-tone-dark-skin-tone
- Set
- Twitter Emoji
- Style
- Dark skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
3 other variants in Twitter Emoji
The same emoji in other sets
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the kiss person person medium skin tone emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d4ab88" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#c1694f" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#963b22" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#7c533e" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#3d2e24" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#0b0200" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiKissPersonPersonMediumSkinToneDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d4ab88" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#c1694f" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#963b22" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#7c533e" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#3d2e24" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#0b0200" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d4ab88" d="M5 8.316c-1.787 0-3.476.401-5 1.102v21.16c1.53 1 3.342 1.625 5.318 1.723l.047.005c5.241.23 9.807-3.307 11.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12"/><path fill="#662113" d="M10 22.542c1.977 0 2.5-1.636 2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1m-2.5-2.5a.5.5 0 0 0-1-.003c-.003.252-.089 1.503-1.5 1.503a.5.5 0 0 0 0 1c1.977 0 2.5-1.636 2.5-2.5"/><path fill="#c1694f" d="M9.995 26.542a.501.501 0 0 0-.006 1H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5 0 0 0-.49.506a.497.497 0 0 0 .496.494c.602 0 1.5-.399 1.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5 0 0 0-.005 1c.23.006.505.098.505.5s-.274.494-.505.5"/><path fill="#963b22" d="M2.543 18.54c-1.17.957-1.657 2.437-1.576 3.417c2.691-4.234 8.495-2.335 10.977-7.127c0 0 5.82 1.809 4.529 8.956c0 0 2.474-2.568 2.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019 6.245 4.857 5.054 0 6.525v13.319c.821-.799 1.704-1.29 2.543-1.304"/><path fill="#7c533e" d="M31 8.316c-6.626 0-12 5.373-12 12c0 1.334.227 2.614.629 3.813c1.198 4.87 5.765 8.406 11.006 8.177l.047-.005A10.64 10.64 0 0 0 36 30.578V9.418a11.9 11.9 0 0 0-5-1.102"/><path d="M26 21.542c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1m5 0c-1.411 0-1.497-1.251-1.5-1.503a.5.5 0 0 0-1 .003c0 .864.523 2.5 2.5 2.5a.5.5 0 0 0 0-1"/><path fill="#3d2e24" d="M26.005 25.542a.501.501 0 0 0-.005-1c-.602 0-1.5.399-1.5 1.5c0 .438.143.765.352 1c-.209.235-.352.562-.352 1c0 1.101.898 1.5 1.5 1.5c.273 0 .493-.22.496-.494a.503.503 0 0 0-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5 0 0 0-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5"/><path fill="#0b0200" d="M22.588 8.918c-4.54.855-5.534 6.614-5.534 9.725c0 2.575 2.474 5.143 2.474 5.143c-1.291-7.147 4.529-8.956 4.529-8.956c2.482 4.792 8.286 2.893 10.977 7.127c.08-.98-.406-2.459-1.576-3.417c.839.014 1.722.505 2.543 1.304V6.525c-4.858-1.471-11.02-.28-13.413 2.393"/><path fill="#dd2e44" d="M26.539 6.711A4.71 4.71 0 0 0 21.828 2c-1.579 0-2.973.78-3.828 1.972A4.7 4.7 0 0 0 14.172 2a4.71 4.71 0 0 0-4.711 4.711c0 .369.047.727.127 1.07c.654 4.065 5.173 8.353 8.411 9.529c3.238-1.177 7.758-5.465 8.412-9.528c.081-.344.128-.702.128-1.071"/></svg> </template>
CSS
.icon-kiss-person-person-medium-skin-tone-dark-skin-tone {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d4ab88%22%20d%3D%22M5%208.316c-1.787%200-3.476.401-5%201.102v21.16c1.53%201%203.342%201.625%205.318%201.723l.047.005c5.241.23%209.807-3.307%2011.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M10%2022.542c1.977%200%202.5-1.636%202.5-2.5a.5.5%200%200%200-1-.003c-.003.252-.089%201.503-1.5%201.503a.5.5%200%200%200%200%201m-2.5-2.5a.5.5%200%200%200-1-.003c-.003.252-.089%201.503-1.5%201.503a.5.5%200%200%200%200%201c1.977%200%202.5-1.636%202.5-2.5%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M9.995%2026.542a.501.501%200%200%200-.006%201H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5%200%200%200-.49.506a.497.497%200%200%200%20.496.494c.602%200%201.5-.399%201.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5%200%200%200-.005%201c.23.006.505.098.505.5s-.274.494-.505.5%22%2F%3E%3Cpath%20fill%3D%22%23963b22%22%20d%3D%22M2.543%2018.54c-1.17.957-1.657%202.437-1.576%203.417c2.691-4.234%208.495-2.335%2010.977-7.127c0%200%205.82%201.809%204.529%208.956c0%200%202.474-2.568%202.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019%206.245%204.857%205.054%200%206.525v13.319c.821-.799%201.704-1.29%202.543-1.304%22%2F%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M31%208.316c-6.626%200-12%205.373-12%2012c0%201.334.227%202.614.629%203.813c1.198%204.87%205.765%208.406%2011.006%208.177l.047-.005A10.64%2010.64%200%200%200%2036%2030.578V9.418a11.9%2011.9%200%200%200-5-1.102%22%2F%3E%3Cpath%20d%3D%22M26%2021.542c-1.411%200-1.497-1.251-1.5-1.503a.5.5%200%200%200-1%20.003c0%20.864.523%202.5%202.5%202.5a.5.5%200%200%200%200-1m5%200c-1.411%200-1.497-1.251-1.5-1.503a.5.5%200%200%200-1%20.003c0%20.864.523%202.5%202.5%202.5a.5.5%200%200%200%200-1%22%2F%3E%3Cpath%20fill%3D%22%233d2e24%22%20d%3D%22M26.005%2025.542a.501.501%200%200%200-.005-1c-.602%200-1.5.399-1.5%201.5c0%20.438.143.765.352%201c-.209.235-.352.562-.352%201c0%201.101.898%201.5%201.5%201.5c.273%200%20.493-.22.496-.494a.503.503%200%200%200-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5%200%200%200-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5%22%2F%3E%3Cpath%20fill%3D%22%230b0200%22%20d%3D%22M22.588%208.918c-4.54.855-5.534%206.614-5.534%209.725c0%202.575%202.474%205.143%202.474%205.143c-1.291-7.147%204.529-8.956%204.529-8.956c2.482%204.792%208.286%202.893%2010.977%207.127c.08-.98-.406-2.459-1.576-3.417c.839.014%201.722.505%202.543%201.304V6.525c-4.858-1.471-11.02-.28-13.413%202.393%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26.539%206.711A4.71%204.71%200%200%200%2021.828%202c-1.579%200-2.973.78-3.828%201.972A4.7%204.7%200%200%200%2014.172%202a4.71%204.71%200%200%200-4.711%204.711c0%20.369.047.727.127%201.07c.654%204.065%205.173%208.353%208.411%209.529c3.238-1.177%207.758-5.465%208.412-9.528c.081-.344.128-.702.128-1.071%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d4ab88%22%20d%3D%22M5%208.316c-1.787%200-3.476.401-5%201.102v21.16c1.53%201%203.342%201.625%205.318%201.723l.047.005c5.241.23%209.807-3.307%2011.006-8.177c.402-1.199.629-2.479.629-3.813c0-6.627-5.374-12-12-12%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M10%2022.542c1.977%200%202.5-1.636%202.5-2.5a.5.5%200%200%200-1-.003c-.003.252-.089%201.503-1.5%201.503a.5.5%200%200%200%200%201m-2.5-2.5a.5.5%200%200%200-1-.003c-.003.252-.089%201.503-1.5%201.503a.5.5%200%200%200%200%201c1.977%200%202.5-1.636%202.5-2.5%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M9.995%2026.542a.501.501%200%200%200-.006%201H10c.225.006.5.098.5.5s-.275.494-.506.5a.5.5%200%200%200-.49.506a.497.497%200%200%200%20.496.494c.602%200%201.5-.399%201.5-1.5c0-.438-.143-.765-.352-1c.209-.235.352-.562.352-1c0-1.101-.898-1.5-1.5-1.5a.5.5%200%200%200-.005%201c.23.006.505.098.505.5s-.274.494-.505.5%22%2F%3E%3Cpath%20fill%3D%22%23963b22%22%20d%3D%22M2.543%2018.54c-1.17.957-1.657%202.437-1.576%203.417c2.691-4.234%208.495-2.335%2010.977-7.127c0%200%205.82%201.809%204.529%208.956c0%200%202.474-2.568%202.474-5.143c0-3.11-.994-8.87-5.534-9.725C11.019%206.245%204.857%205.054%200%206.525v13.319c.821-.799%201.704-1.29%202.543-1.304%22%2F%3E%3Cpath%20fill%3D%22%237c533e%22%20d%3D%22M31%208.316c-6.626%200-12%205.373-12%2012c0%201.334.227%202.614.629%203.813c1.198%204.87%205.765%208.406%2011.006%208.177l.047-.005A10.64%2010.64%200%200%200%2036%2030.578V9.418a11.9%2011.9%200%200%200-5-1.102%22%2F%3E%3Cpath%20d%3D%22M26%2021.542c-1.411%200-1.497-1.251-1.5-1.503a.5.5%200%200%200-1%20.003c0%20.864.523%202.5%202.5%202.5a.5.5%200%200%200%200-1m5%200c-1.411%200-1.497-1.251-1.5-1.503a.5.5%200%200%200-1%20.003c0%20.864.523%202.5%202.5%202.5a.5.5%200%200%200%200-1%22%2F%3E%3Cpath%20fill%3D%22%233d2e24%22%20d%3D%22M26.005%2025.542a.501.501%200%200%200-.005-1c-.602%200-1.5.399-1.5%201.5c0%20.438.143.765.352%201c-.209.235-.352.562-.352%201c0%201.101.898%201.5%201.5%201.5c.273%200%20.493-.22.496-.494a.503.503%200%200%200-.49-.506c-.231-.006-.506-.098-.506-.5s.275-.494.5-.5h.011a.5.5%200%200%200-.006-1c-.23-.006-.505-.098-.505-.5c0-.403.274-.494.505-.5%22%2F%3E%3Cpath%20fill%3D%22%230b0200%22%20d%3D%22M22.588%208.918c-4.54.855-5.534%206.614-5.534%209.725c0%202.575%202.474%205.143%202.474%205.143c-1.291-7.147%204.529-8.956%204.529-8.956c2.482%204.792%208.286%202.893%2010.977%207.127c.08-.98-.406-2.459-1.576-3.417c.839.014%201.722.505%202.543%201.304V6.525c-4.858-1.471-11.02-.28-13.413%202.393%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M26.539%206.711A4.71%204.71%200%200%200%2021.828%202c-1.579%200-2.973.78-3.828%201.972A4.7%204.7%200%200%200%2014.172%202a4.71%204.71%200%200%200-4.711%204.711c0%20.369.047.727.127%201.07c.654%204.065%205.173%208.353%208.411%209.529c3.238-1.177%207.758-5.465%208.412-9.528c.081-.344.128-.702.128-1.071%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/kiss-person-person-medium-skin-tone-dark-skin-tone.svg?color=%231a73e8&size=48
