kakao talk icon
kakao-talk-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- kakao-talk-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the kakao talk icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.679 18.123C3.093 16.566 1.5 14.112 1.5 11.405C1.501 6.701 6.249 3 12.001 3s10.5 3.701 10.5 8.405s-4.748 8.405-10.5 8.405q-.663 0-1.318-.065l-3.765 2.458c-.615.326-.957.425-1.485.066c-.62-.424-.596-.892-.382-1.56zM3.5 11.405c0 2.132 1.418 4.123 3.781 5.32l.706.359l-.186.77l-.401 1.648l2.8-1.83l.365.046q.711.092 1.435.092c4.741 0 8.5-2.93 8.5-6.405S16.742 5 12.001 5s-8.5 2.93-8.5 6.405m14.407-.346l1.514 2.155a.472.472 0 1 1-.773.543l-1.428-2.033l-.427.413V13.5a.472.472 0 1 1-.944 0v-1.439a.5.5 0 0 1 0-.222V9.282a.472.472 0 0 1 .944 0v1.542l1.928-1.866a.472.472 0 0 1 .656.678zm-2.958 1.925a.472.472 0 1 1 0 .944h-1.932a.47.47 0 0 1-.471-.472V9.297a.472.472 0 1 1 .943 0v3.687zm-5.857-1.091h1.334l-.638-1.708zm2.523.487l.345.925a.472.472 0 1 1-.884.33l-.298-.799h-2.07l-.332.813a.472.472 0 1 1-.874-.357l1.662-4.075a.7.7 0 0 1 .653-.447a.69.69 0 0 1 .627.474l1.046 2.8a.47.47 0 0 1 .127.32zM8.294 9.302c0 .26-.21.472-.471.472h-1.14v3.736a.472.472 0 0 1-.945 0V9.774h-1.16a.472.472 0 1 1 0-.944h3.245c.26 0 .471.211.471.472"/></svg>
React
import type { SVGProps } from "react";
export function RiKakaoTalkLine(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="M5.679 18.123C3.093 16.566 1.5 14.112 1.5 11.405C1.501 6.701 6.249 3 12.001 3s10.5 3.701 10.5 8.405s-4.748 8.405-10.5 8.405q-.663 0-1.318-.065l-3.765 2.458c-.615.326-.957.425-1.485.066c-.62-.424-.596-.892-.382-1.56zM3.5 11.405c0 2.132 1.418 4.123 3.781 5.32l.706.359l-.186.77l-.401 1.648l2.8-1.83l.365.046q.711.092 1.435.092c4.741 0 8.5-2.93 8.5-6.405S16.742 5 12.001 5s-8.5 2.93-8.5 6.405m14.407-.346l1.514 2.155a.472.472 0 1 1-.773.543l-1.428-2.033l-.427.413V13.5a.472.472 0 1 1-.944 0v-1.439a.5.5 0 0 1 0-.222V9.282a.472.472 0 0 1 .944 0v1.542l1.928-1.866a.472.472 0 0 1 .656.678zm-2.958 1.925a.472.472 0 1 1 0 .944h-1.932a.47.47 0 0 1-.471-.472V9.297a.472.472 0 1 1 .943 0v3.687zm-5.857-1.091h1.334l-.638-1.708zm2.523.487l.345.925a.472.472 0 1 1-.884.33l-.298-.799h-2.07l-.332.813a.472.472 0 1 1-.874-.357l1.662-4.075a.7.7 0 0 1 .653-.447a.69.69 0 0 1 .627.474l1.046 2.8a.47.47 0 0 1 .127.32zM8.294 9.302c0 .26-.21.472-.471.472h-1.14v3.736a.472.472 0 0 1-.945 0V9.774h-1.16a.472.472 0 1 1 0-.944h3.245c.26 0 .471.211.471.472"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.679 18.123C3.093 16.566 1.5 14.112 1.5 11.405C1.501 6.701 6.249 3 12.001 3s10.5 3.701 10.5 8.405s-4.748 8.405-10.5 8.405q-.663 0-1.318-.065l-3.765 2.458c-.615.326-.957.425-1.485.066c-.62-.424-.596-.892-.382-1.56zM3.5 11.405c0 2.132 1.418 4.123 3.781 5.32l.706.359l-.186.77l-.401 1.648l2.8-1.83l.365.046q.711.092 1.435.092c4.741 0 8.5-2.93 8.5-6.405S16.742 5 12.001 5s-8.5 2.93-8.5 6.405m14.407-.346l1.514 2.155a.472.472 0 1 1-.773.543l-1.428-2.033l-.427.413V13.5a.472.472 0 1 1-.944 0v-1.439a.5.5 0 0 1 0-.222V9.282a.472.472 0 0 1 .944 0v1.542l1.928-1.866a.472.472 0 0 1 .656.678zm-2.958 1.925a.472.472 0 1 1 0 .944h-1.932a.47.47 0 0 1-.471-.472V9.297a.472.472 0 1 1 .943 0v3.687zm-5.857-1.091h1.334l-.638-1.708zm2.523.487l.345.925a.472.472 0 1 1-.884.33l-.298-.799h-2.07l-.332.813a.472.472 0 1 1-.874-.357l1.662-4.075a.7.7 0 0 1 .653-.447a.69.69 0 0 1 .627.474l1.046 2.8a.47.47 0 0 1 .127.32zM8.294 9.302c0 .26-.21.472-.471.472h-1.14v3.736a.472.472 0 0 1-.945 0V9.774h-1.16a.472.472 0 1 1 0-.944h3.245c.26 0 .471.211.471.472"/></svg> </template>
CSS
.icon-kakao-talk-line {
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%22M5.679%2018.123C3.093%2016.566%201.5%2014.112%201.5%2011.405C1.501%206.701%206.249%203%2012.001%203s10.5%203.701%2010.5%208.405s-4.748%208.405-10.5%208.405q-.663%200-1.318-.065l-3.765%202.458c-.615.326-.957.425-1.485.066c-.62-.424-.596-.892-.382-1.56zM3.5%2011.405c0%202.132%201.418%204.123%203.781%205.32l.706.359l-.186.77l-.401%201.648l2.8-1.83l.365.046q.711.092%201.435.092c4.741%200%208.5-2.93%208.5-6.405S16.742%205%2012.001%205s-8.5%202.93-8.5%206.405m14.407-.346l1.514%202.155a.472.472%200%201%201-.773.543l-1.428-2.033l-.427.413V13.5a.472.472%200%201%201-.944%200v-1.439a.5.5%200%200%201%200-.222V9.282a.472.472%200%200%201%20.944%200v1.542l1.928-1.866a.472.472%200%200%201%20.656.678zm-2.958%201.925a.472.472%200%201%201%200%20.944h-1.932a.47.47%200%200%201-.471-.472V9.297a.472.472%200%201%201%20.943%200v3.687zm-5.857-1.091h1.334l-.638-1.708zm2.523.487l.345.925a.472.472%200%201%201-.884.33l-.298-.799h-2.07l-.332.813a.472.472%200%201%201-.874-.357l1.662-4.075a.7.7%200%200%201%20.653-.447a.69.69%200%200%201%20.627.474l1.046%202.8a.47.47%200%200%201%20.127.32zM8.294%209.302c0%20.26-.21.472-.471.472h-1.14v3.736a.472.472%200%200%201-.945%200V9.774h-1.16a.472.472%200%201%201%200-.944h3.245c.26%200%20.471.211.471.472%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%22M5.679%2018.123C3.093%2016.566%201.5%2014.112%201.5%2011.405C1.501%206.701%206.249%203%2012.001%203s10.5%203.701%2010.5%208.405s-4.748%208.405-10.5%208.405q-.663%200-1.318-.065l-3.765%202.458c-.615.326-.957.425-1.485.066c-.62-.424-.596-.892-.382-1.56zM3.5%2011.405c0%202.132%201.418%204.123%203.781%205.32l.706.359l-.186.77l-.401%201.648l2.8-1.83l.365.046q.711.092%201.435.092c4.741%200%208.5-2.93%208.5-6.405S16.742%205%2012.001%205s-8.5%202.93-8.5%206.405m14.407-.346l1.514%202.155a.472.472%200%201%201-.773.543l-1.428-2.033l-.427.413V13.5a.472.472%200%201%201-.944%200v-1.439a.5.5%200%200%201%200-.222V9.282a.472.472%200%200%201%20.944%200v1.542l1.928-1.866a.472.472%200%200%201%20.656.678zm-2.958%201.925a.472.472%200%201%201%200%20.944h-1.932a.47.47%200%200%201-.471-.472V9.297a.472.472%200%201%201%20.943%200v3.687zm-5.857-1.091h1.334l-.638-1.708zm2.523.487l.345.925a.472.472%200%201%201-.884.33l-.298-.799h-2.07l-.332.813a.472.472%200%201%201-.874-.357l1.662-4.075a.7.7%200%200%201%20.653-.447a.69.69%200%200%201%20.627.474l1.046%202.8a.47.47%200%200%201%20.127.32zM8.294%209.302c0%20.26-.21.472-.471.472h-1.14v3.736a.472.472%200%200%201-.945%200V9.774h-1.16a.472.472%200%201%201%200-.944h3.245c.26%200%20.471.211.471.472%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/kakao-talk-line.svg?color=%231a73e8&size=48
