Olark
The Olark icon represents Olark, a live chat and customer service platform.
Exports at 38 × 24 px
Code
Olark in your framework
In any framework. Customize it above, and the code follows.
export const OlarkIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" viewBox="0 0 512 323" {...props}>
<path d="M505.05 209.647c1.702-.244 2.919 4.623 2.919 8.274c0 9.004-5.353 15.088-11.921 15.575l-110.45 7.787l-219.681 16.792c-3.65.243-7.055 1.947-9.488 4.624l-54.251 57.676c-4.136 4.137-10.948 1.947-10.948-3.65V267.81c0-2.19-1.703-3.894-4.136-3.894l-73.714 5.597c-8.028.487-8.514 3.164-10.46 3.407c-1.704 0-2.92-4.624-2.92-8.518c0-9.004 5.352-15.088 11.92-15.575l51.576-3.407l43.79-3.407c2.19-.243 4.136 1.46 4.136 3.65v36.261l36.492-38.937c2.433-2.434 5.839-4.137 9.245-4.38l319.913-24.337l17.516-1.216c8.028-.487 8.515-3.164 10.461-3.407M402.601.115c9.294-.98 15.41 4.412 15.41 11.274v89.209c9.294-13.235 20.545-25.489 33.509-26.469c17.61-1.47 25.437 12.744 25.437 28.92c0 22.056-15.898 39.702-27.394 49.015c2.935 12.254 9.05 23.283 20.301 22.302c13.208-.98 22.747-19.851 25.438-32.595c3.424-17.89 19.078-5.637 16.388 3.676c-5.137 15.93-19.323 46.075-45.25 48.035c-22.503 1.961-37.423-22.792-37.423-41.663c0-2.912 2.903-6.09 6.794-9.993l.718-.718c7.885-7.865 19.149-18.65 19.149-35.854c0-7.107-3.67-11.764-9.05-11.274c-6.849.49-19.812 10.784-28.618 41.909v50.803l-.004.45l-.008.451l-.012.453c-.148 4.69-1.173 9.485-8.047 10.093c-5.626.49-13.698-.735-13.698-11.274c-6.115 7.843-14.43 13.48-25.437 14.46c-13.453.98-29.596-5.147-29.596-30.39c0-18.38 6.36-32.35 15.41-57.838l-25.928-4.902c-.244 11.274-1.957 36.272-7.093 53.427c0 .245-.245.49-.245.735c-5.136 19.117-16.632 43.87-40.358 45.83c-10.028.735-17.61-3.431-22.013-10.048c-5.87 7.107-13.942 12.744-24.704 13.724c-12.964.98-22.258-4.656-27.884-14.214c-7.582 9.803-17.61 17.89-30.574 18.87c-22.014 1.716-33.754-12.743-33.754-35.29V80.01c-5.87 5.147-12.474 9.803-17.366 12.254c1.223 7.842 1.712 15.685 1.712 22.547c0 72.788-31.553 108.08-64.818 110.776C21.77 228.774 0 188.336 0 137.114c0-97.54 57.724-124.5 60.17-125.48c.979-.245 1.957-.735 3.18-.735c6.36-.49 10.028 7.842 10.028 14.214c0 3.677-.978 6.618-3.669 6.863c-.489 0-.978 0-1.467-.245c-10.029 6.372-45.25 27.203-45.25 100.727c0 51.956 21.28 73.278 41.58 71.563c23.726-1.716 41.582-33.576 41.826-87.248c0-5.392-.489-11.519-.978-17.4l-5.381.49c-23.97 1.715-43.049-10.784-43.049-32.841c0-14.95 10.518-28.184 25.927-29.41c20.79-1.715 32.776 13.97 39.135 33.576c7.827-3.676 17.367-12.989 22.014-17.89v-2.451c0-21.567 11.74-37.742 26.171-38.968c25.194-1.96 25.438 27.94 25.438 44.114c0 42.154-26.171 102.198-29.84 105.874v16.666c0 11.518 4.647 19.36 15.165 18.626c9.294-.736 16.877-10.294 21.524-20.342c-.245-1.96-.245-3.676-.245-5.637c0-47.79 33.265-79.65 67.997-82.591c7.827-.49 13.208 3.676 13.208 11.028c0 4.902-.733 6.617-3.668 6.862c-2.691 0-5.381-.245-8.317 0c-21.768 1.716-47.206 22.303-47.206 63.72c0 14.95 6.36 23.038 16.388 22.303c7.827-.49 12.963-7.842 16.143-16.175v-44.114c0-5.392-1.223-7.108-1.223-9.068c0-2.696 3.424-5.147 7.338-5.392c9.294-.98 15.409 4.412 15.409 11.274v47.545c0 6.372 2.935 12.99 9.784 12.499c11.251-.98 16.388-19.851 19.078-32.595c.245-.246.245-.49.245-.736v-.735c3.18-11.764 4.402-35.536 4.647-50.241c-7.093-3.431-12.23-9.068-12.23-17.4c0-7.843 7.094-13.725 14.431-14.215c6.849-.49 14.92 2.206 18.1 13.724c2.51.373 5.187.807 7.878 1.267l1.275.219l.85.148q1.06.185 2.112.373l.838.15c9.61 1.73 18.11 3.48 18.11 3.48c7.583 1.47 14.921 8.333 13.698 14.95c0 3.43-13.942 31.615-13.942 60.29c0 7.842 3.67 15.194 11.496 14.459c13.208-.98 17.855-19.852 20.546-32.596c.245-1.47.734-2.696 1.223-3.92V14.82c0-8.333-2.935-8.823-2.935-10.783s5.136-3.676 9.05-3.922M178.064 57.954c0-18.871-3.18-27.204-7.827-26.959c-3.18.245-4.402 7.108-4.402 11.764h.244v81.856c5.87-12.499 11.985-50.976 11.985-66.661m-76.068 21.567c-2.69-12.99-8.561-22.302-17.366-21.567c-5.626.49-7.094 4.656-7.094 7.842c0 7.108 6.36 15.44 21.28 14.215Z"/>
</svg>
);SVG Logos
More like it
Icons that share its tags, in the same style.
Search SVG Logos
Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.
Get ProTags
Browse by tag
Olark is tagged communication, chat, support and 1 more. Related tags follow; each opens its icons from every library.
Pricing
SVG Logos MCP, with Pro
Ask for Olark or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Olark icon means and where it's used, then how to install, style, label and license it.
The Olark icon represents Olark, a live chat and customer service platform. Olark provides businesses with tools to engage with customers, offer support, and drive sales through live chat.
In real-world applications, the Olark icon appears in customer service software, helpdesk platforms, and e-commerce websites. It's often used to indicate live chat or customer support capabilities.
From a UX perspective, the Olark icon communicates a sense of approachability, responsiveness, and support. It helps users understand that a particular feature or tool is related to customer service or live chat.
Olark is one of 2,063 icons in SVG Logos, made by Gil Barbara and released under CC0. It is drawn on a 512 × 323 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds OlarkIcon to components/icons/logos-olark.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed OlarkIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Olark icon, or any of 2,063 SVG Logos icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 323 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Olark", so screen readers say what it does.
Yes. OlarkIcon passes every SVG prop to the svg element, so <OlarkIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.
No. CC0 gives the icons to the public domain, so no credit and no notice is required. Icons installed with the shadcn CLI still start with a comment naming SVG Logos, Gil Barbara and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are communication, chat, support and customer-service. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Olark in another set.
4.9 out of 5 from 150+ developers
Install Olark from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro