bubble left bubble right icon
bubble-left-bubble-right from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- bubble-left-bubble-right
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the bubble left bubble right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.162 50.901c1.033 0 1.735-.35 2.983-1.443l6.551-5.849c1.385 1.54 3.53 2.36 6.24 2.36h6.707l6.532 5.576c1.17 1.014 1.814 1.54 2.77 1.54c1.344 0 2.086-.955 2.086-2.437v-4.68h.818c4.895 0 8.151-2.944 8.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354 8.492 0 11.553 0 16.857v17.958c0 5.304 3.354 8.365 8.462 8.365h2.574v5.323c0 1.502.741 2.398 2.126 2.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451 0-5.499-1.872-5.499-5.518V16.954c0-3.626 2.048-5.537 5.499-5.537H36.15c3.45 0 5.498 1.91 5.498 5.537v1.385H28.936c-5.109 0-8.15 2.944-8.15 8.053v11.523c0 1.053.116 2.009.37 2.886l-7.176 6.63Zm30.126 7.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256 0-5.186-1.774-5.186-5.225V26.489c0-3.431 1.93-5.225 5.186-5.225h18.563c3.256 0 5.187 1.794 5.187 5.225v11.329c0 3.451-1.95 5.226-5.187 5.226h-2.047c-.839 0-1.522.487-1.522 1.598Z"/></svg>
React
import type { SVGProps } from "react";
export function F7BubbleLeftBubbleRight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.162 50.901c1.033 0 1.735-.35 2.983-1.443l6.551-5.849c1.385 1.54 3.53 2.36 6.24 2.36h6.707l6.532 5.576c1.17 1.014 1.814 1.54 2.77 1.54c1.344 0 2.086-.955 2.086-2.437v-4.68h.818c4.895 0 8.151-2.944 8.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354 8.492 0 11.553 0 16.857v17.958c0 5.304 3.354 8.365 8.462 8.365h2.574v5.323c0 1.502.741 2.398 2.126 2.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451 0-5.499-1.872-5.499-5.518V16.954c0-3.626 2.048-5.537 5.499-5.537H36.15c3.45 0 5.498 1.91 5.498 5.537v1.385H28.936c-5.109 0-8.15 2.944-8.15 8.053v11.523c0 1.053.116 2.009.37 2.886l-7.176 6.63Zm30.126 7.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256 0-5.186-1.774-5.186-5.225V26.489c0-3.431 1.93-5.225 5.186-5.225h18.563c3.256 0 5.187 1.794 5.187 5.225v11.329c0 3.451-1.95 5.226-5.187 5.226h-2.047c-.839 0-1.522.487-1.522 1.598Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M13.162 50.901c1.033 0 1.735-.35 2.983-1.443l6.551-5.849c1.385 1.54 3.53 2.36 6.24 2.36h6.707l6.532 5.576c1.17 1.014 1.814 1.54 2.77 1.54c1.344 0 2.086-.955 2.086-2.437v-4.68h.818c4.895 0 8.151-2.944 8.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354 8.492 0 11.553 0 16.857v17.958c0 5.304 3.354 8.365 8.462 8.365h2.574v5.323c0 1.502.741 2.398 2.126 2.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451 0-5.499-1.872-5.499-5.518V16.954c0-3.626 2.048-5.537 5.499-5.537H36.15c3.45 0 5.498 1.91 5.498 5.537v1.385H28.936c-5.109 0-8.15 2.944-8.15 8.053v11.523c0 1.053.116 2.009.37 2.886l-7.176 6.63Zm30.126 7.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256 0-5.186-1.774-5.186-5.225V26.489c0-3.431 1.93-5.225 5.186-5.225h18.563c3.256 0 5.187 1.794 5.187 5.225v11.329c0 3.451-1.95 5.226-5.187 5.226h-2.047c-.839 0-1.522.487-1.522 1.598Z"/></svg> </template>
CSS
.icon-bubble-left-bubble-right {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.162%2050.901c1.033%200%201.735-.35%202.983-1.443l6.551-5.849c1.385%201.54%203.53%202.36%206.24%202.36h6.707l6.532%205.576c1.17%201.014%201.814%201.54%202.77%201.54c1.344%200%202.086-.955%202.086-2.437v-4.68h.818c4.895%200%208.151-2.944%208.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354%208.492%200%2011.553%200%2016.857v17.958c0%205.304%203.354%208.365%208.462%208.365h2.574v5.323c0%201.502.741%202.398%202.126%202.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451%200-5.499-1.872-5.499-5.518V16.954c0-3.626%202.048-5.537%205.499-5.537H36.15c3.45%200%205.498%201.91%205.498%205.537v1.385H28.936c-5.109%200-8.15%202.944-8.15%208.053v11.523c0%201.053.116%202.009.37%202.886l-7.176%206.63Zm30.126%207.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256%200-5.186-1.774-5.186-5.225V26.489c0-3.431%201.93-5.225%205.186-5.225h18.563c3.256%200%205.187%201.794%205.187%205.225v11.329c0%203.451-1.95%205.226-5.187%205.226h-2.047c-.839%200-1.522.487-1.522%201.598Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.162%2050.901c1.033%200%201.735-.35%202.983-1.443l6.551-5.849c1.385%201.54%203.53%202.36%206.24%202.36h6.707l6.532%205.576c1.17%201.014%201.814%201.54%202.77%201.54c1.344%200%202.086-.955%202.086-2.437v-4.68h.818c4.895%200%208.151-2.944%208.151-8.053V26.392c0-5.109-3.257-8.053-8.15-8.053h-3.062v-1.482c0-5.304-3.14-8.365-8.443-8.365H8.462C3.354%208.492%200%2011.553%200%2016.857v17.958c0%205.304%203.354%208.365%208.462%208.365h2.574v5.323c0%201.502.741%202.398%202.126%202.398m.818-9.027c0-1.112-.682-1.638-1.52-1.638H8.638c-3.451%200-5.499-1.872-5.499-5.518V16.954c0-3.626%202.048-5.537%205.499-5.537H36.15c3.45%200%205.498%201.91%205.498%205.537v1.385H28.936c-5.109%200-8.15%202.944-8.15%208.053v11.523c0%201.053.116%202.009.37%202.886l-7.176%206.63Zm30.126%207.682l-6.26-5.615c-.78-.683-1.247-.898-2.32-.898h-6.415c-3.256%200-5.186-1.774-5.186-5.225V26.489c0-3.431%201.93-5.225%205.186-5.225h18.563c3.256%200%205.187%201.794%205.187%205.225v11.329c0%203.451-1.95%205.226-5.187%205.226h-2.047c-.839%200-1.522.487-1.522%201.598Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/bubble-left-bubble-right.svg?color=%231a73e8&size=48
