viber logo
viber from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- viber
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the viber logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.198.005C12.63.036 7.109.458 4.021 3.291C1.724 5.567.922 8.932.828 13.093C.75 17.239.656 25.025 8.161 27.145v3.229s-.047 1.292.807 1.557c1.052.333 1.651-.661 2.651-1.729l1.865-2.109c5.135.427 9.068-.557 9.521-.703c1.042-.333 6.911-1.083 7.87-8.87c.984-8.042-.479-13.109-3.12-15.401h-.016c-.797-.734-4-3.068-11.156-3.094c0 0-.531-.036-1.385-.021zm.088 2.261c.729-.005 1.172.026 1.172.026c6.057.016 8.948 1.839 9.63 2.453c2.224 1.906 3.37 6.474 2.531 13.188c-.797 6.51-5.557 6.922-6.438 7.203c-.375.12-3.839.974-8.203.693c0 0-3.25 3.922-4.266 4.932c-.161.177-.349.229-.469.203c-.172-.042-.224-.255-.214-.547l.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87c.078-3.469.729-6.307 2.667-8.229c2.609-2.359 7.297-2.677 9.479-2.693zm.48 3.468a.397.397 0 0 0-.401.396c0 .224.182.401.401.401a7.5 7.5 0 0 1 5.375 2.12c1.453 1.411 2.161 3.307 2.188 5.786c0 .219.177.401.401.401v-.016a.4.4 0 0 0 .401-.396a8.6 8.6 0 0 0-2.417-6.349c-1.583-1.547-3.589-2.344-5.948-2.344zm-5.271.917a1.25 1.25 0 0 0-.818.161h-.021A6.3 6.3 0 0 0 8.13 8.067c-.365.422-.563.849-.615 1.26c-.031.245-.01.49.063.724l.026.016c.411 1.208.948 2.37 1.604 3.464a20.4 20.4 0 0 0 3.094 4.229l.036.052l.057.042l.036.042l.042.036a20.7 20.7 0 0 0 4.24 3.109c1.76.958 2.828 1.411 3.469 1.599v.01c.188.057.359.083.531.083a2.45 2.45 0 0 0 1.469-.63a6 6 0 0 0 1.24-1.531v-.01c.307-.578.203-1.125-.24-1.495a18.5 18.5 0 0 0-2.865-2.057c-.682-.37-1.375-.146-1.656.229l-.599.755c-.307.375-.865.323-.865.323l-.016.01c-4.161-1.063-5.271-5.276-5.271-5.276s-.052-.573.333-.865l.75-.604c.359-.292.609-.984.224-1.667a18 18 0 0 0-2.052-2.865a1.14 1.14 0 0 0-.672-.401zm5.963 1.188c-.531 0-.531.802.005.802a5.03 5.03 0 0 1 3.531 1.531a4.66 4.66 0 0 1 1.198 3.427a.403.403 0 0 0 .401.396l.016.021a.404.404 0 0 0 .401-.401c.036-1.589-.458-2.922-1.427-3.99c-.974-1.068-2.333-1.667-4.068-1.786zm.657 2.156c-.547-.016-.568.802-.026.818c1.318.068 1.958.734 2.042 2.104a.4.4 0 0 0 .396.391h.016a.403.403 0 0 0 .385-.427c-.094-1.786-1.068-2.792-2.797-2.885z"/></svg>
React
import type { SVGProps } from "react";
export function CibViber(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.198.005C12.63.036 7.109.458 4.021 3.291C1.724 5.567.922 8.932.828 13.093C.75 17.239.656 25.025 8.161 27.145v3.229s-.047 1.292.807 1.557c1.052.333 1.651-.661 2.651-1.729l1.865-2.109c5.135.427 9.068-.557 9.521-.703c1.042-.333 6.911-1.083 7.87-8.87c.984-8.042-.479-13.109-3.12-15.401h-.016c-.797-.734-4-3.068-11.156-3.094c0 0-.531-.036-1.385-.021zm.088 2.261c.729-.005 1.172.026 1.172.026c6.057.016 8.948 1.839 9.63 2.453c2.224 1.906 3.37 6.474 2.531 13.188c-.797 6.51-5.557 6.922-6.438 7.203c-.375.12-3.839.974-8.203.693c0 0-3.25 3.922-4.266 4.932c-.161.177-.349.229-.469.203c-.172-.042-.224-.255-.214-.547l.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87c.078-3.469.729-6.307 2.667-8.229c2.609-2.359 7.297-2.677 9.479-2.693zm.48 3.468a.397.397 0 0 0-.401.396c0 .224.182.401.401.401a7.5 7.5 0 0 1 5.375 2.12c1.453 1.411 2.161 3.307 2.188 5.786c0 .219.177.401.401.401v-.016a.4.4 0 0 0 .401-.396a8.6 8.6 0 0 0-2.417-6.349c-1.583-1.547-3.589-2.344-5.948-2.344zm-5.271.917a1.25 1.25 0 0 0-.818.161h-.021A6.3 6.3 0 0 0 8.13 8.067c-.365.422-.563.849-.615 1.26c-.031.245-.01.49.063.724l.026.016c.411 1.208.948 2.37 1.604 3.464a20.4 20.4 0 0 0 3.094 4.229l.036.052l.057.042l.036.042l.042.036a20.7 20.7 0 0 0 4.24 3.109c1.76.958 2.828 1.411 3.469 1.599v.01c.188.057.359.083.531.083a2.45 2.45 0 0 0 1.469-.63a6 6 0 0 0 1.24-1.531v-.01c.307-.578.203-1.125-.24-1.495a18.5 18.5 0 0 0-2.865-2.057c-.682-.37-1.375-.146-1.656.229l-.599.755c-.307.375-.865.323-.865.323l-.016.01c-4.161-1.063-5.271-5.276-5.271-5.276s-.052-.573.333-.865l.75-.604c.359-.292.609-.984.224-1.667a18 18 0 0 0-2.052-2.865a1.14 1.14 0 0 0-.672-.401zm5.963 1.188c-.531 0-.531.802.005.802a5.03 5.03 0 0 1 3.531 1.531a4.66 4.66 0 0 1 1.198 3.427a.403.403 0 0 0 .401.396l.016.021a.404.404 0 0 0 .401-.401c.036-1.589-.458-2.922-1.427-3.99c-.974-1.068-2.333-1.667-4.068-1.786zm.657 2.156c-.547-.016-.568.802-.026.818c1.318.068 1.958.734 2.042 2.104a.4.4 0 0 0 .396.391h.016a.403.403 0 0 0 .385-.427c-.094-1.786-1.068-2.792-2.797-2.885z"/></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.198.005C12.63.036 7.109.458 4.021 3.291C1.724 5.567.922 8.932.828 13.093C.75 17.239.656 25.025 8.161 27.145v3.229s-.047 1.292.807 1.557c1.052.333 1.651-.661 2.651-1.729l1.865-2.109c5.135.427 9.068-.557 9.521-.703c1.042-.333 6.911-1.083 7.87-8.87c.984-8.042-.479-13.109-3.12-15.401h-.016c-.797-.734-4-3.068-11.156-3.094c0 0-.531-.036-1.385-.021zm.088 2.261c.729-.005 1.172.026 1.172.026c6.057.016 8.948 1.839 9.63 2.453c2.224 1.906 3.37 6.474 2.531 13.188c-.797 6.51-5.557 6.922-6.438 7.203c-.375.12-3.839.974-8.203.693c0 0-3.25 3.922-4.266 4.932c-.161.177-.349.229-.469.203c-.172-.042-.224-.255-.214-.547l.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87c.078-3.469.729-6.307 2.667-8.229c2.609-2.359 7.297-2.677 9.479-2.693zm.48 3.468a.397.397 0 0 0-.401.396c0 .224.182.401.401.401a7.5 7.5 0 0 1 5.375 2.12c1.453 1.411 2.161 3.307 2.188 5.786c0 .219.177.401.401.401v-.016a.4.4 0 0 0 .401-.396a8.6 8.6 0 0 0-2.417-6.349c-1.583-1.547-3.589-2.344-5.948-2.344zm-5.271.917a1.25 1.25 0 0 0-.818.161h-.021A6.3 6.3 0 0 0 8.13 8.067c-.365.422-.563.849-.615 1.26c-.031.245-.01.49.063.724l.026.016c.411 1.208.948 2.37 1.604 3.464a20.4 20.4 0 0 0 3.094 4.229l.036.052l.057.042l.036.042l.042.036a20.7 20.7 0 0 0 4.24 3.109c1.76.958 2.828 1.411 3.469 1.599v.01c.188.057.359.083.531.083a2.45 2.45 0 0 0 1.469-.63a6 6 0 0 0 1.24-1.531v-.01c.307-.578.203-1.125-.24-1.495a18.5 18.5 0 0 0-2.865-2.057c-.682-.37-1.375-.146-1.656.229l-.599.755c-.307.375-.865.323-.865.323l-.016.01c-4.161-1.063-5.271-5.276-5.271-5.276s-.052-.573.333-.865l.75-.604c.359-.292.609-.984.224-1.667a18 18 0 0 0-2.052-2.865a1.14 1.14 0 0 0-.672-.401zm5.963 1.188c-.531 0-.531.802.005.802a5.03 5.03 0 0 1 3.531 1.531a4.66 4.66 0 0 1 1.198 3.427a.403.403 0 0 0 .401.396l.016.021a.404.404 0 0 0 .401-.401c.036-1.589-.458-2.922-1.427-3.99c-.974-1.068-2.333-1.667-4.068-1.786zm.657 2.156c-.547-.016-.568.802-.026.818c1.318.068 1.958.734 2.042 2.104a.4.4 0 0 0 .396.391h.016a.403.403 0 0 0 .385-.427c-.094-1.786-1.068-2.792-2.797-2.885z"/></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.198.005C12.63.036%207.109.458%204.021%203.291C1.724%205.567.922%208.932.828%2013.093C.75%2017.239.656%2025.025%208.161%2027.145v3.229s-.047%201.292.807%201.557c1.052.333%201.651-.661%202.651-1.729l1.865-2.109c5.135.427%209.068-.557%209.521-.703c1.042-.333%206.911-1.083%207.87-8.87c.984-8.042-.479-13.109-3.12-15.401h-.016c-.797-.734-4-3.068-11.156-3.094c0%200-.531-.036-1.385-.021zm.088%202.261c.729-.005%201.172.026%201.172.026c6.057.016%208.948%201.839%209.63%202.453c2.224%201.906%203.37%206.474%202.531%2013.188c-.797%206.51-5.557%206.922-6.438%207.203c-.375.12-3.839.974-8.203.693c0%200-3.25%203.922-4.266%204.932c-.161.177-.349.229-.469.203c-.172-.042-.224-.255-.214-.547l.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87c.078-3.469.729-6.307%202.667-8.229c2.609-2.359%207.297-2.677%209.479-2.693zm.48%203.468a.397.397%200%200%200-.401.396c0%20.224.182.401.401.401a7.5%207.5%200%200%201%205.375%202.12c1.453%201.411%202.161%203.307%202.188%205.786c0%20.219.177.401.401.401v-.016a.4.4%200%200%200%20.401-.396a8.6%208.6%200%200%200-2.417-6.349c-1.583-1.547-3.589-2.344-5.948-2.344zm-5.271.917a1.25%201.25%200%200%200-.818.161h-.021A6.3%206.3%200%200%200%208.13%208.067c-.365.422-.563.849-.615%201.26c-.031.245-.01.49.063.724l.026.016c.411%201.208.948%202.37%201.604%203.464a20.4%2020.4%200%200%200%203.094%204.229l.036.052l.057.042l.036.042l.042.036a20.7%2020.7%200%200%200%204.24%203.109c1.76.958%202.828%201.411%203.469%201.599v.01c.188.057.359.083.531.083a2.45%202.45%200%200%200%201.469-.63a6%206%200%200%200%201.24-1.531v-.01c.307-.578.203-1.125-.24-1.495a18.5%2018.5%200%200%200-2.865-2.057c-.682-.37-1.375-.146-1.656.229l-.599.755c-.307.375-.865.323-.865.323l-.016.01c-4.161-1.063-5.271-5.276-5.271-5.276s-.052-.573.333-.865l.75-.604c.359-.292.609-.984.224-1.667a18%2018%200%200%200-2.052-2.865a1.14%201.14%200%200%200-.672-.401zm5.963%201.188c-.531%200-.531.802.005.802a5.03%205.03%200%200%201%203.531%201.531a4.66%204.66%200%200%201%201.198%203.427a.403.403%200%200%200%20.401.396l.016.021a.404.404%200%200%200%20.401-.401c.036-1.589-.458-2.922-1.427-3.99c-.974-1.068-2.333-1.667-4.068-1.786zm.657%202.156c-.547-.016-.568.802-.026.818c1.318.068%201.958.734%202.042%202.104a.4.4%200%200%200%20.396.391h.016a.403.403%200%200%200%20.385-.427c-.094-1.786-1.068-2.792-2.797-2.885z%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.198.005C12.63.036%207.109.458%204.021%203.291C1.724%205.567.922%208.932.828%2013.093C.75%2017.239.656%2025.025%208.161%2027.145v3.229s-.047%201.292.807%201.557c1.052.333%201.651-.661%202.651-1.729l1.865-2.109c5.135.427%209.068-.557%209.521-.703c1.042-.333%206.911-1.083%207.87-8.87c.984-8.042-.479-13.109-3.12-15.401h-.016c-.797-.734-4-3.068-11.156-3.094c0%200-.531-.036-1.385-.021zm.088%202.261c.729-.005%201.172.026%201.172.026c6.057.016%208.948%201.839%209.63%202.453c2.224%201.906%203.37%206.474%202.531%2013.188c-.797%206.51-5.557%206.922-6.438%207.203c-.375.12-3.839.974-8.203.693c0%200-3.25%203.922-4.266%204.932c-.161.177-.349.229-.469.203c-.172-.042-.224-.255-.214-.547l.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87c.078-3.469.729-6.307%202.667-8.229c2.609-2.359%207.297-2.677%209.479-2.693zm.48%203.468a.397.397%200%200%200-.401.396c0%20.224.182.401.401.401a7.5%207.5%200%200%201%205.375%202.12c1.453%201.411%202.161%203.307%202.188%205.786c0%20.219.177.401.401.401v-.016a.4.4%200%200%200%20.401-.396a8.6%208.6%200%200%200-2.417-6.349c-1.583-1.547-3.589-2.344-5.948-2.344zm-5.271.917a1.25%201.25%200%200%200-.818.161h-.021A6.3%206.3%200%200%200%208.13%208.067c-.365.422-.563.849-.615%201.26c-.031.245-.01.49.063.724l.026.016c.411%201.208.948%202.37%201.604%203.464a20.4%2020.4%200%200%200%203.094%204.229l.036.052l.057.042l.036.042l.042.036a20.7%2020.7%200%200%200%204.24%203.109c1.76.958%202.828%201.411%203.469%201.599v.01c.188.057.359.083.531.083a2.45%202.45%200%200%200%201.469-.63a6%206%200%200%200%201.24-1.531v-.01c.307-.578.203-1.125-.24-1.495a18.5%2018.5%200%200%200-2.865-2.057c-.682-.37-1.375-.146-1.656.229l-.599.755c-.307.375-.865.323-.865.323l-.016.01c-4.161-1.063-5.271-5.276-5.271-5.276s-.052-.573.333-.865l.75-.604c.359-.292.609-.984.224-1.667a18%2018%200%200%200-2.052-2.865a1.14%201.14%200%200%200-.672-.401zm5.963%201.188c-.531%200-.531.802.005.802a5.03%205.03%200%200%201%203.531%201.531a4.66%204.66%200%200%201%201.198%203.427a.403.403%200%200%200%20.401.396l.016.021a.404.404%200%200%200%20.401-.401c.036-1.589-.458-2.922-1.427-3.99c-.974-1.068-2.333-1.667-4.068-1.786zm.657%202.156c-.547-.016-.568.802-.026.818c1.318.068%201.958.734%202.042%202.104a.4.4%200%200%200%20.396.391h.016a.403.403%200%200%200%20.385-.427c-.094-1.786-1.068-2.792-2.797-2.885z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/viber.svg?color=%231a73e8&size=48
