viber icon
viber from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- viber
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the viber icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.7 4c-1.9 0-6.6.2-9.1 2.6C4.8 8.3 4.1 10.9 4 14c-.2 4.9.9 8 2.7 9.6c.4.3 1.4 1.1 3.3 1.7v2.5s0 1 .6 1.2c.1 0 .2.1.3.1c.6 0 1.1-.7 1.8-1.4c.6-.7 1.1-1.2 1.4-1.7h2.2c1.9 0 6.6-.2 9.1-2.6c1.8-1.8 2.5-4.4 2.5-7.7c.1-.5.1-1.1.1-1.7c-.1-3.7-1.2-6.2-2.7-7.6c-.6-.5-3.2-2.4-8.8-2.4zm-.2 1.9h.9c5.3 0 7.3 1.7 7.5 1.9c1.2 1 1.9 3.2 2 6.1v.4c.1.6.1 1.1.1 1.4c-.1 3-.7 5-1.9 6.3c-2.1 1.9-6.5 2-7.7 2h-1.9l-1.6 1.8l-1 1.1l-.2.3c-.2.2-.5.6-.7.7v-4.5c-2-.5-2.8-1.2-3-1.4c-1.4-1.2-2.2-4.1-2-8v-1c.2-2.4.8-4 1.8-5.1c2.1-1.9 6.5-2 7.7-2m-.1 2.2c-.5 0-.5.7 0 .7c3.7 0 6.9 2.5 6.9 7.2c0 .5.7.5.7 0c0-5.1-3.4-8-7.6-7.9m-3.963.925a.88.88 0 0 0-.636.174c-1 .5-2.001 1.502-1.701 2.602c0 0 .2.899 1.3 2.799c.6.9 1.1 1.7 1.6 2.3c.5.7 1.3 1.5 2.1 2.1c1.6 1.3 4.1 2.6 5.2 2.9c1 .3 2.1-.7 2.6-1.7c.2-.4.1-.9-.3-1.2c-.6-.6-1.6-1.3-2.3-1.7c-.5-.3-1.1-.1-1.3.2l-.5.6c-.2.3-.7.3-.7.3c-3.3-.9-4.2-4.3-4.2-4.3s0-.4.3-.7l.6-.5c.3-.2.5-.8.2-1.3c-.2-.3-.5-.9-.8-1.2c-.3-.4-.9-1.1-.9-1.1a.96.96 0 0 0-.563-.275M16.1 10.1c-.5-.1-.6.7-.1.7c2.8.2 4.4 2.1 4.3 4.5c-.1.5.7.5.7 0c.1-2.8-1.7-5.1-4.9-5.2m.3 1.9c-.5-.1-.5.7 0 .7c1.2 0 1.8.7 1.8 1.9c.1.5.8.5.8 0c-.1-1.6-1-2.6-2.6-2.6"/></svg>
React
import type { SVGProps } from "react";
export function LaViber(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="M15.7 4c-1.9 0-6.6.2-9.1 2.6C4.8 8.3 4.1 10.9 4 14c-.2 4.9.9 8 2.7 9.6c.4.3 1.4 1.1 3.3 1.7v2.5s0 1 .6 1.2c.1 0 .2.1.3.1c.6 0 1.1-.7 1.8-1.4c.6-.7 1.1-1.2 1.4-1.7h2.2c1.9 0 6.6-.2 9.1-2.6c1.8-1.8 2.5-4.4 2.5-7.7c.1-.5.1-1.1.1-1.7c-.1-3.7-1.2-6.2-2.7-7.6c-.6-.5-3.2-2.4-8.8-2.4zm-.2 1.9h.9c5.3 0 7.3 1.7 7.5 1.9c1.2 1 1.9 3.2 2 6.1v.4c.1.6.1 1.1.1 1.4c-.1 3-.7 5-1.9 6.3c-2.1 1.9-6.5 2-7.7 2h-1.9l-1.6 1.8l-1 1.1l-.2.3c-.2.2-.5.6-.7.7v-4.5c-2-.5-2.8-1.2-3-1.4c-1.4-1.2-2.2-4.1-2-8v-1c.2-2.4.8-4 1.8-5.1c2.1-1.9 6.5-2 7.7-2m-.1 2.2c-.5 0-.5.7 0 .7c3.7 0 6.9 2.5 6.9 7.2c0 .5.7.5.7 0c0-5.1-3.4-8-7.6-7.9m-3.963.925a.88.88 0 0 0-.636.174c-1 .5-2.001 1.502-1.701 2.602c0 0 .2.899 1.3 2.799c.6.9 1.1 1.7 1.6 2.3c.5.7 1.3 1.5 2.1 2.1c1.6 1.3 4.1 2.6 5.2 2.9c1 .3 2.1-.7 2.6-1.7c.2-.4.1-.9-.3-1.2c-.6-.6-1.6-1.3-2.3-1.7c-.5-.3-1.1-.1-1.3.2l-.5.6c-.2.3-.7.3-.7.3c-3.3-.9-4.2-4.3-4.2-4.3s0-.4.3-.7l.6-.5c.3-.2.5-.8.2-1.3c-.2-.3-.5-.9-.8-1.2c-.3-.4-.9-1.1-.9-1.1a.96.96 0 0 0-.563-.275M16.1 10.1c-.5-.1-.6.7-.1.7c2.8.2 4.4 2.1 4.3 4.5c-.1.5.7.5.7 0c.1-2.8-1.7-5.1-4.9-5.2m.3 1.9c-.5-.1-.5.7 0 .7c1.2 0 1.8.7 1.8 1.9c.1.5.8.5.8 0c-.1-1.6-1-2.6-2.6-2.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.7 4c-1.9 0-6.6.2-9.1 2.6C4.8 8.3 4.1 10.9 4 14c-.2 4.9.9 8 2.7 9.6c.4.3 1.4 1.1 3.3 1.7v2.5s0 1 .6 1.2c.1 0 .2.1.3.1c.6 0 1.1-.7 1.8-1.4c.6-.7 1.1-1.2 1.4-1.7h2.2c1.9 0 6.6-.2 9.1-2.6c1.8-1.8 2.5-4.4 2.5-7.7c.1-.5.1-1.1.1-1.7c-.1-3.7-1.2-6.2-2.7-7.6c-.6-.5-3.2-2.4-8.8-2.4zm-.2 1.9h.9c5.3 0 7.3 1.7 7.5 1.9c1.2 1 1.9 3.2 2 6.1v.4c.1.6.1 1.1.1 1.4c-.1 3-.7 5-1.9 6.3c-2.1 1.9-6.5 2-7.7 2h-1.9l-1.6 1.8l-1 1.1l-.2.3c-.2.2-.5.6-.7.7v-4.5c-2-.5-2.8-1.2-3-1.4c-1.4-1.2-2.2-4.1-2-8v-1c.2-2.4.8-4 1.8-5.1c2.1-1.9 6.5-2 7.7-2m-.1 2.2c-.5 0-.5.7 0 .7c3.7 0 6.9 2.5 6.9 7.2c0 .5.7.5.7 0c0-5.1-3.4-8-7.6-7.9m-3.963.925a.88.88 0 0 0-.636.174c-1 .5-2.001 1.502-1.701 2.602c0 0 .2.899 1.3 2.799c.6.9 1.1 1.7 1.6 2.3c.5.7 1.3 1.5 2.1 2.1c1.6 1.3 4.1 2.6 5.2 2.9c1 .3 2.1-.7 2.6-1.7c.2-.4.1-.9-.3-1.2c-.6-.6-1.6-1.3-2.3-1.7c-.5-.3-1.1-.1-1.3.2l-.5.6c-.2.3-.7.3-.7.3c-3.3-.9-4.2-4.3-4.2-4.3s0-.4.3-.7l.6-.5c.3-.2.5-.8.2-1.3c-.2-.3-.5-.9-.8-1.2c-.3-.4-.9-1.1-.9-1.1a.96.96 0 0 0-.563-.275M16.1 10.1c-.5-.1-.6.7-.1.7c2.8.2 4.4 2.1 4.3 4.5c-.1.5.7.5.7 0c.1-2.8-1.7-5.1-4.9-5.2m.3 1.9c-.5-.1-.5.7 0 .7c1.2 0 1.8.7 1.8 1.9c.1.5.8.5.8 0c-.1-1.6-1-2.6-2.6-2.6"/></svg> </template>
CSS
.icon-viber {
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%22M15.7%204c-1.9%200-6.6.2-9.1%202.6C4.8%208.3%204.1%2010.9%204%2014c-.2%204.9.9%208%202.7%209.6c.4.3%201.4%201.1%203.3%201.7v2.5s0%201%20.6%201.2c.1%200%20.2.1.3.1c.6%200%201.1-.7%201.8-1.4c.6-.7%201.1-1.2%201.4-1.7h2.2c1.9%200%206.6-.2%209.1-2.6c1.8-1.8%202.5-4.4%202.5-7.7c.1-.5.1-1.1.1-1.7c-.1-3.7-1.2-6.2-2.7-7.6c-.6-.5-3.2-2.4-8.8-2.4zm-.2%201.9h.9c5.3%200%207.3%201.7%207.5%201.9c1.2%201%201.9%203.2%202%206.1v.4c.1.6.1%201.1.1%201.4c-.1%203-.7%205-1.9%206.3c-2.1%201.9-6.5%202-7.7%202h-1.9l-1.6%201.8l-1%201.1l-.2.3c-.2.2-.5.6-.7.7v-4.5c-2-.5-2.8-1.2-3-1.4c-1.4-1.2-2.2-4.1-2-8v-1c.2-2.4.8-4%201.8-5.1c2.1-1.9%206.5-2%207.7-2m-.1%202.2c-.5%200-.5.7%200%20.7c3.7%200%206.9%202.5%206.9%207.2c0%20.5.7.5.7%200c0-5.1-3.4-8-7.6-7.9m-3.963.925a.88.88%200%200%200-.636.174c-1%20.5-2.001%201.502-1.701%202.602c0%200%20.2.899%201.3%202.799c.6.9%201.1%201.7%201.6%202.3c.5.7%201.3%201.5%202.1%202.1c1.6%201.3%204.1%202.6%205.2%202.9c1%20.3%202.1-.7%202.6-1.7c.2-.4.1-.9-.3-1.2c-.6-.6-1.6-1.3-2.3-1.7c-.5-.3-1.1-.1-1.3.2l-.5.6c-.2.3-.7.3-.7.3c-3.3-.9-4.2-4.3-4.2-4.3s0-.4.3-.7l.6-.5c.3-.2.5-.8.2-1.3c-.2-.3-.5-.9-.8-1.2c-.3-.4-.9-1.1-.9-1.1a.96.96%200%200%200-.563-.275M16.1%2010.1c-.5-.1-.6.7-.1.7c2.8.2%204.4%202.1%204.3%204.5c-.1.5.7.5.7%200c.1-2.8-1.7-5.1-4.9-5.2m.3%201.9c-.5-.1-.5.7%200%20.7c1.2%200%201.8.7%201.8%201.9c.1.5.8.5.8%200c-.1-1.6-1-2.6-2.6-2.6%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%22M15.7%204c-1.9%200-6.6.2-9.1%202.6C4.8%208.3%204.1%2010.9%204%2014c-.2%204.9.9%208%202.7%209.6c.4.3%201.4%201.1%203.3%201.7v2.5s0%201%20.6%201.2c.1%200%20.2.1.3.1c.6%200%201.1-.7%201.8-1.4c.6-.7%201.1-1.2%201.4-1.7h2.2c1.9%200%206.6-.2%209.1-2.6c1.8-1.8%202.5-4.4%202.5-7.7c.1-.5.1-1.1.1-1.7c-.1-3.7-1.2-6.2-2.7-7.6c-.6-.5-3.2-2.4-8.8-2.4zm-.2%201.9h.9c5.3%200%207.3%201.7%207.5%201.9c1.2%201%201.9%203.2%202%206.1v.4c.1.6.1%201.1.1%201.4c-.1%203-.7%205-1.9%206.3c-2.1%201.9-6.5%202-7.7%202h-1.9l-1.6%201.8l-1%201.1l-.2.3c-.2.2-.5.6-.7.7v-4.5c-2-.5-2.8-1.2-3-1.4c-1.4-1.2-2.2-4.1-2-8v-1c.2-2.4.8-4%201.8-5.1c2.1-1.9%206.5-2%207.7-2m-.1%202.2c-.5%200-.5.7%200%20.7c3.7%200%206.9%202.5%206.9%207.2c0%20.5.7.5.7%200c0-5.1-3.4-8-7.6-7.9m-3.963.925a.88.88%200%200%200-.636.174c-1%20.5-2.001%201.502-1.701%202.602c0%200%20.2.899%201.3%202.799c.6.9%201.1%201.7%201.6%202.3c.5.7%201.3%201.5%202.1%202.1c1.6%201.3%204.1%202.6%205.2%202.9c1%20.3%202.1-.7%202.6-1.7c.2-.4.1-.9-.3-1.2c-.6-.6-1.6-1.3-2.3-1.7c-.5-.3-1.1-.1-1.3.2l-.5.6c-.2.3-.7.3-.7.3c-3.3-.9-4.2-4.3-4.2-4.3s0-.4.3-.7l.6-.5c.3-.2.5-.8.2-1.3c-.2-.3-.5-.9-.8-1.2c-.3-.4-.9-1.1-.9-1.1a.96.96%200%200%200-.563-.275M16.1%2010.1c-.5-.1-.6.7-.1.7c2.8.2%204.4%202.1%204.3%204.5c-.1.5.7.5.7%200c.1-2.8-1.7-5.1-4.9-5.2m.3%201.9c-.5-.1-.5.7%200%20.7c1.2%200%201.8.7%201.8%201.9c.1.5.8.5.8%200c-.1-1.6-1-2.6-2.6-2.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/viber.svg?color=%231a73e8&size=48
