zulip icon logo
zulip-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- zulip-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the zulip icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGtcUYlb9c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#24adff"/><stop offset="100%" stop-color="#7b71ff"/></linearGradient></defs><path fill="url(#SVGtcUYlb9c)" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-6.32 118.222l-45.892 40.979c-4.728 3.72-7.83 9.86-7.83 16.766c0 11.279 8.274 20.508 18.386 20.508h86.247c10.112 0 18.386-9.23 18.386-20.508c0-11.28-8.274-20.507-18.386-20.507H107.3c-.968 0-1.58-1.16-1.108-2.104l16.833-33.703c.615-.983-.493-2.161-1.345-1.43m50.91-58.86H86.345c-10.112 0-18.386 9.227-18.386 20.508c0 11.279 8.274 20.508 18.386 20.508h65.292c.968 0 1.58 1.16 1.108 2.103l-16.834 33.704c-.615.983.494 2.161 1.346 1.43l45.892-40.984c4.727-3.723 7.829-9.86 7.829-16.767c0-11.278-8.274-20.507-18.386-20.501"/></svg>
React
import type { SVGProps } from "react";
export function LogosZulipIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGtcUYlb9c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#24adff"/><stop offset="100%" stopColor="#7b71ff"/></linearGradient></defs><path fill="url(#SVGtcUYlb9c)" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-6.32 118.222l-45.892 40.979c-4.728 3.72-7.83 9.86-7.83 16.766c0 11.279 8.274 20.508 18.386 20.508h86.247c10.112 0 18.386-9.23 18.386-20.508c0-11.28-8.274-20.507-18.386-20.507H107.3c-.968 0-1.58-1.16-1.108-2.104l16.833-33.703c.615-.983-.493-2.161-1.345-1.43m50.91-58.86H86.345c-10.112 0-18.386 9.227-18.386 20.508c0 11.279 8.274 20.508 18.386 20.508h65.292c.968 0 1.58 1.16 1.108 2.103l-16.834 33.704c-.615.983.494 2.161 1.346 1.43l45.892-40.984c4.727-3.723 7.829-9.86 7.829-16.767c0-11.278-8.274-20.507-18.386-20.501"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGtcUYlb9c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#24adff"/><stop offset="100%" stop-color="#7b71ff"/></linearGradient></defs><path fill="url(#SVGtcUYlb9c)" d="M128 0c70.692 0 128 57.308 128 128s-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0m-6.32 118.222l-45.892 40.979c-4.728 3.72-7.83 9.86-7.83 16.766c0 11.279 8.274 20.508 18.386 20.508h86.247c10.112 0 18.386-9.23 18.386-20.508c0-11.28-8.274-20.507-18.386-20.507H107.3c-.968 0-1.58-1.16-1.108-2.104l16.833-33.703c.615-.983-.493-2.161-1.345-1.43m50.91-58.86H86.345c-10.112 0-18.386 9.227-18.386 20.508c0 11.279 8.274 20.508 18.386 20.508h65.292c.968 0 1.58 1.16 1.108 2.103l-16.834 33.704c-.615.983.494 2.161 1.346 1.43l45.892-40.984c4.727-3.723 7.829-9.86 7.829-16.767c0-11.278-8.274-20.507-18.386-20.501"/></svg> </template>
CSS
.icon-zulip-icon {
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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtcUYlb9c%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2324adff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237b71ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGtcUYlb9c)%22%20d%3D%22M128%200c70.692%200%20128%2057.308%20128%20128s-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200m-6.32%20118.222l-45.892%2040.979c-4.728%203.72-7.83%209.86-7.83%2016.766c0%2011.279%208.274%2020.508%2018.386%2020.508h86.247c10.112%200%2018.386-9.23%2018.386-20.508c0-11.28-8.274-20.507-18.386-20.507H107.3c-.968%200-1.58-1.16-1.108-2.104l16.833-33.703c.615-.983-.493-2.161-1.345-1.43m50.91-58.86H86.345c-10.112%200-18.386%209.227-18.386%2020.508c0%2011.279%208.274%2020.508%2018.386%2020.508h65.292c.968%200%201.58%201.16%201.108%202.103l-16.834%2033.704c-.615.983.494%202.161%201.346%201.43l45.892-40.984c4.727-3.723%207.829-9.86%207.829-16.767c0-11.278-8.274-20.507-18.386-20.501%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtcUYlb9c%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2324adff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237b71ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGtcUYlb9c)%22%20d%3D%22M128%200c70.692%200%20128%2057.308%20128%20128s-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200m-6.32%20118.222l-45.892%2040.979c-4.728%203.72-7.83%209.86-7.83%2016.766c0%2011.279%208.274%2020.508%2018.386%2020.508h86.247c10.112%200%2018.386-9.23%2018.386-20.508c0-11.28-8.274-20.507-18.386-20.507H107.3c-.968%200-1.58-1.16-1.108-2.104l16.833-33.703c.615-.983-.493-2.161-1.345-1.43m50.91-58.86H86.345c-10.112%200-18.386%209.227-18.386%2020.508c0%2011.279%208.274%2020.508%2018.386%2020.508h65.292c.968%200%201.58%201.16%201.108%202.103l-16.834%2033.704c-.615.983.494%202.161%201.346%201.43l45.892-40.984c4.727-3.723%207.829-9.86%207.829-16.767c0-11.278-8.274-20.507-18.386-20.501%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/zulip-icon.svg?color=%231a73e8&size=48
