toggl logo
toggl from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- toggl
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the toggl logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.356 7.446v.64c0 .711-.541 1.286-1.209 1.286q-.074 0-.147-.009v1.58h.82v1.588c0 .625.112 1.107.338 1.434c.347.501.734.83 1.676.83c.546 0 1.004-.126 1.304-.293v-1.868a1.3 1.3 0 0 1-.444.074c-.363 0-.512-.112-.647-.282q-.13-.169-.13-.489v-.994h1.22V9.161h-1.22V7.446zm19.862 0v5.04c0 .627.093 1.149.319 1.478c.347.5.816.827 1.75.83a1.8 1.8 0 0 0 .713-.173v-1.92c-.441.055-.594-.256-.594-.565v-4.69zm-6.552.519l-.722 1.004a2.9 2.9 0 0 0-.883-.133c-.628 0-1.258.185-1.718.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.06.056.12.104l-.084.045c-.21.12-.402.273-.568.451c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.071c.247 0 .498.157.498.403c0 .086-.025.17-.072.242h2.048c.309-.351.475-.806.466-1.274c-.014-.403-.133-.831-.435-1.113c-.34-.316-.831-.46-1.288-.46h-2.038c-.2 0-.379-.151-.379-.338a.34.34 0 0 1 .252-.326s.034-.008.072-.02c.371.171.776.258 1.185.254c.627 0 1.256-.185 1.717-.617c.449-.419.658-1.005.658-1.605s-.21-1.186-.658-1.605a2 2 0 0 0-.433-.31c.432.1.879-.023 1.186-.553zm5.182 0l-.722 1.004a2.9 2.9 0 0 0-.882-.133c-.628 0-1.257.185-1.717.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.198.184.436.313a2.6 2.6 0 0 0-.32.287c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.07c.247 0 .498.157.498.403c0 .086-.024.17-.071.242h2.048c.309-.351.475-.806.466-1.274c-.015-.403-.135-.831-.439-1.113c-.34-.316-.831-.46-1.288-.46l-2.362-.017c-.15 0-.263-.094-.263-.232c0-.115.057-.283.2-.311c.282.088.576.132.872.13c.628 0 1.257-.185 1.718-.616c.448-.42.658-1.006.658-1.606s-.21-1.185-.658-1.604a2 2 0 0 0-.435-.31c.433.1.879-.024 1.186-.554zm-12.45.886c-.771 0-1.542.247-2.107.823c-.552.561-.808 1.346-.808 2.149s.257 1.587.807 2.149c.566.576 1.337.823 2.107.823s1.541-.247 2.106-.823c.55-.562.807-1.346.807-2.149s-.257-1.588-.807-2.15c-.565-.575-1.335-.822-2.106-.822zm5.74 1.622a.566.566 0 1 1-.582.565a.53.53 0 0 1 .143-.378h.001a.56.56 0 0 1 .438-.187m5.194.001a.564.564 0 1 1-.581.564a.53.53 0 0 1 .144-.378a.56.56 0 0 1 .437-.186m-10.872.593a.73.73 0 1 1-.75.732a.68.68 0 0 1 .186-.49a.73.73 0 0 1 .564-.242"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsToggl(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.356 7.446v.64c0 .711-.541 1.286-1.209 1.286q-.074 0-.147-.009v1.58h.82v1.588c0 .625.112 1.107.338 1.434c.347.501.734.83 1.676.83c.546 0 1.004-.126 1.304-.293v-1.868a1.3 1.3 0 0 1-.444.074c-.363 0-.512-.112-.647-.282q-.13-.169-.13-.489v-.994h1.22V9.161h-1.22V7.446zm19.862 0v5.04c0 .627.093 1.149.319 1.478c.347.5.816.827 1.75.83a1.8 1.8 0 0 0 .713-.173v-1.92c-.441.055-.594-.256-.594-.565v-4.69zm-6.552.519l-.722 1.004a2.9 2.9 0 0 0-.883-.133c-.628 0-1.258.185-1.718.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.06.056.12.104l-.084.045c-.21.12-.402.273-.568.451c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.071c.247 0 .498.157.498.403c0 .086-.025.17-.072.242h2.048c.309-.351.475-.806.466-1.274c-.014-.403-.133-.831-.435-1.113c-.34-.316-.831-.46-1.288-.46h-2.038c-.2 0-.379-.151-.379-.338a.34.34 0 0 1 .252-.326s.034-.008.072-.02c.371.171.776.258 1.185.254c.627 0 1.256-.185 1.717-.617c.449-.419.658-1.005.658-1.605s-.21-1.186-.658-1.605a2 2 0 0 0-.433-.31c.432.1.879-.023 1.186-.553zm5.182 0l-.722 1.004a2.9 2.9 0 0 0-.882-.133c-.628 0-1.257.185-1.717.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.198.184.436.313a2.6 2.6 0 0 0-.32.287c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.07c.247 0 .498.157.498.403c0 .086-.024.17-.071.242h2.048c.309-.351.475-.806.466-1.274c-.015-.403-.135-.831-.439-1.113c-.34-.316-.831-.46-1.288-.46l-2.362-.017c-.15 0-.263-.094-.263-.232c0-.115.057-.283.2-.311c.282.088.576.132.872.13c.628 0 1.257-.185 1.718-.616c.448-.42.658-1.006.658-1.606s-.21-1.185-.658-1.604a2 2 0 0 0-.435-.31c.433.1.879-.024 1.186-.554zm-12.45.886c-.771 0-1.542.247-2.107.823c-.552.561-.808 1.346-.808 2.149s.257 1.587.807 2.149c.566.576 1.337.823 2.107.823s1.541-.247 2.106-.823c.55-.562.807-1.346.807-2.149s-.257-1.588-.807-2.15c-.565-.575-1.335-.822-2.106-.822zm5.74 1.622a.566.566 0 1 1-.582.565a.53.53 0 0 1 .143-.378h.001a.56.56 0 0 1 .438-.187m5.194.001a.564.564 0 1 1-.581.564a.53.53 0 0 1 .144-.378a.56.56 0 0 1 .437-.186m-10.872.593a.73.73 0 1 1-.75.732a.68.68 0 0 1 .186-.49a.73.73 0 0 1 .564-.242"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.356 7.446v.64c0 .711-.541 1.286-1.209 1.286q-.074 0-.147-.009v1.58h.82v1.588c0 .625.112 1.107.338 1.434c.347.501.734.83 1.676.83c.546 0 1.004-.126 1.304-.293v-1.868a1.3 1.3 0 0 1-.444.074c-.363 0-.512-.112-.647-.282q-.13-.169-.13-.489v-.994h1.22V9.161h-1.22V7.446zm19.862 0v5.04c0 .627.093 1.149.319 1.478c.347.5.816.827 1.75.83a1.8 1.8 0 0 0 .713-.173v-1.92c-.441.055-.594-.256-.594-.565v-4.69zm-6.552.519l-.722 1.004a2.9 2.9 0 0 0-.883-.133c-.628 0-1.258.185-1.718.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.06.056.12.104l-.084.045c-.21.12-.402.273-.568.451c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.071c.247 0 .498.157.498.403c0 .086-.025.17-.072.242h2.048c.309-.351.475-.806.466-1.274c-.014-.403-.133-.831-.435-1.113c-.34-.316-.831-.46-1.288-.46h-2.038c-.2 0-.379-.151-.379-.338a.34.34 0 0 1 .252-.326s.034-.008.072-.02c.371.171.776.258 1.185.254c.627 0 1.256-.185 1.717-.617c.449-.419.658-1.005.658-1.605s-.21-1.186-.658-1.605a2 2 0 0 0-.433-.31c.432.1.879-.023 1.186-.553zm5.182 0l-.722 1.004a2.9 2.9 0 0 0-.882-.133c-.628 0-1.257.185-1.717.617c-.449.419-.658 1.005-.658 1.605s.21 1.186.658 1.605q.198.184.436.313a2.6 2.6 0 0 0-.32.287c-.284.303-.568.756-.568 1.36c0 0-.039 1.286 1.438 1.286h1.07c.247 0 .498.157.498.403c0 .086-.024.17-.071.242h2.048c.309-.351.475-.806.466-1.274c-.015-.403-.135-.831-.439-1.113c-.34-.316-.831-.46-1.288-.46l-2.362-.017c-.15 0-.263-.094-.263-.232c0-.115.057-.283.2-.311c.282.088.576.132.872.13c.628 0 1.257-.185 1.718-.616c.448-.42.658-1.006.658-1.606s-.21-1.185-.658-1.604a2 2 0 0 0-.435-.31c.433.1.879-.024 1.186-.554zm-12.45.886c-.771 0-1.542.247-2.107.823c-.552.561-.808 1.346-.808 2.149s.257 1.587.807 2.149c.566.576 1.337.823 2.107.823s1.541-.247 2.106-.823c.55-.562.807-1.346.807-2.149s-.257-1.588-.807-2.15c-.565-.575-1.335-.822-2.106-.822zm5.74 1.622a.566.566 0 1 1-.582.565a.53.53 0 0 1 .143-.378h.001a.56.56 0 0 1 .438-.187m5.194.001a.564.564 0 1 1-.581.564a.53.53 0 0 1 .144-.378a.56.56 0 0 1 .437-.186m-10.872.593a.73.73 0 1 1-.75.732a.68.68 0 0 1 .186-.49a.73.73 0 0 1 .564-.242"/></svg> </template>
CSS
.icon-toggl {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.356%207.446v.64c0%20.711-.541%201.286-1.209%201.286q-.074%200-.147-.009v1.58h.82v1.588c0%20.625.112%201.107.338%201.434c.347.501.734.83%201.676.83c.546%200%201.004-.126%201.304-.293v-1.868a1.3%201.3%200%200%201-.444.074c-.363%200-.512-.112-.647-.282q-.13-.169-.13-.489v-.994h1.22V9.161h-1.22V7.446zm19.862%200v5.04c0%20.627.093%201.149.319%201.478c.347.5.816.827%201.75.83a1.8%201.8%200%200%200%20.713-.173v-1.92c-.441.055-.594-.256-.594-.565v-4.69zm-6.552.519l-.722%201.004a2.9%202.9%200%200%200-.883-.133c-.628%200-1.258.185-1.718.617c-.449.419-.658%201.005-.658%201.605s.21%201.186.658%201.605q.06.056.12.104l-.084.045c-.21.12-.402.273-.568.451c-.284.303-.568.756-.568%201.36c0%200-.039%201.286%201.438%201.286h1.071c.247%200%20.498.157.498.403c0%20.086-.025.17-.072.242h2.048c.309-.351.475-.806.466-1.274c-.014-.403-.133-.831-.435-1.113c-.34-.316-.831-.46-1.288-.46h-2.038c-.2%200-.379-.151-.379-.338a.34.34%200%200%201%20.252-.326s.034-.008.072-.02c.371.171.776.258%201.185.254c.627%200%201.256-.185%201.717-.617c.449-.419.658-1.005.658-1.605s-.21-1.186-.658-1.605a2%202%200%200%200-.433-.31c.432.1.879-.023%201.186-.553zm5.182%200l-.722%201.004a2.9%202.9%200%200%200-.882-.133c-.628%200-1.257.185-1.717.617c-.449.419-.658%201.005-.658%201.605s.21%201.186.658%201.605q.198.184.436.313a2.6%202.6%200%200%200-.32.287c-.284.303-.568.756-.568%201.36c0%200-.039%201.286%201.438%201.286h1.07c.247%200%20.498.157.498.403c0%20.086-.024.17-.071.242h2.048c.309-.351.475-.806.466-1.274c-.015-.403-.135-.831-.439-1.113c-.34-.316-.831-.46-1.288-.46l-2.362-.017c-.15%200-.263-.094-.263-.232c0-.115.057-.283.2-.311c.282.088.576.132.872.13c.628%200%201.257-.185%201.718-.616c.448-.42.658-1.006.658-1.606s-.21-1.185-.658-1.604a2%202%200%200%200-.435-.31c.433.1.879-.024%201.186-.554zm-12.45.886c-.771%200-1.542.247-2.107.823c-.552.561-.808%201.346-.808%202.149s.257%201.587.807%202.149c.566.576%201.337.823%202.107.823s1.541-.247%202.106-.823c.55-.562.807-1.346.807-2.149s-.257-1.588-.807-2.15c-.565-.575-1.335-.822-2.106-.822zm5.74%201.622a.566.566%200%201%201-.582.565a.53.53%200%200%201%20.143-.378h.001a.56.56%200%200%201%20.438-.187m5.194.001a.564.564%200%201%201-.581.564a.53.53%200%200%201%20.144-.378a.56.56%200%200%201%20.437-.186m-10.872.593a.73.73%200%201%201-.75.732a.68.68%200%200%201%20.186-.49a.73.73%200%200%201%20.564-.242%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.356%207.446v.64c0%20.711-.541%201.286-1.209%201.286q-.074%200-.147-.009v1.58h.82v1.588c0%20.625.112%201.107.338%201.434c.347.501.734.83%201.676.83c.546%200%201.004-.126%201.304-.293v-1.868a1.3%201.3%200%200%201-.444.074c-.363%200-.512-.112-.647-.282q-.13-.169-.13-.489v-.994h1.22V9.161h-1.22V7.446zm19.862%200v5.04c0%20.627.093%201.149.319%201.478c.347.5.816.827%201.75.83a1.8%201.8%200%200%200%20.713-.173v-1.92c-.441.055-.594-.256-.594-.565v-4.69zm-6.552.519l-.722%201.004a2.9%202.9%200%200%200-.883-.133c-.628%200-1.258.185-1.718.617c-.449.419-.658%201.005-.658%201.605s.21%201.186.658%201.605q.06.056.12.104l-.084.045c-.21.12-.402.273-.568.451c-.284.303-.568.756-.568%201.36c0%200-.039%201.286%201.438%201.286h1.071c.247%200%20.498.157.498.403c0%20.086-.025.17-.072.242h2.048c.309-.351.475-.806.466-1.274c-.014-.403-.133-.831-.435-1.113c-.34-.316-.831-.46-1.288-.46h-2.038c-.2%200-.379-.151-.379-.338a.34.34%200%200%201%20.252-.326s.034-.008.072-.02c.371.171.776.258%201.185.254c.627%200%201.256-.185%201.717-.617c.449-.419.658-1.005.658-1.605s-.21-1.186-.658-1.605a2%202%200%200%200-.433-.31c.432.1.879-.023%201.186-.553zm5.182%200l-.722%201.004a2.9%202.9%200%200%200-.882-.133c-.628%200-1.257.185-1.717.617c-.449.419-.658%201.005-.658%201.605s.21%201.186.658%201.605q.198.184.436.313a2.6%202.6%200%200%200-.32.287c-.284.303-.568.756-.568%201.36c0%200-.039%201.286%201.438%201.286h1.07c.247%200%20.498.157.498.403c0%20.086-.024.17-.071.242h2.048c.309-.351.475-.806.466-1.274c-.015-.403-.135-.831-.439-1.113c-.34-.316-.831-.46-1.288-.46l-2.362-.017c-.15%200-.263-.094-.263-.232c0-.115.057-.283.2-.311c.282.088.576.132.872.13c.628%200%201.257-.185%201.718-.616c.448-.42.658-1.006.658-1.606s-.21-1.185-.658-1.604a2%202%200%200%200-.435-.31c.433.1.879-.024%201.186-.554zm-12.45.886c-.771%200-1.542.247-2.107.823c-.552.561-.808%201.346-.808%202.149s.257%201.587.807%202.149c.566.576%201.337.823%202.107.823s1.541-.247%202.106-.823c.55-.562.807-1.346.807-2.149s-.257-1.588-.807-2.15c-.565-.575-1.335-.822-2.106-.822zm5.74%201.622a.566.566%200%201%201-.582.565a.53.53%200%200%201%20.143-.378h.001a.56.56%200%200%201%20.438-.187m5.194.001a.564.564%200%201%201-.581.564a.53.53%200%200%201%20.144-.378a.56.56%200%200%201%20.437-.186m-10.872.593a.73.73%200%201%201-.75.732a.68.68%200%200%201%20.186-.49a.73.73%200%200%201%20.564-.242%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/toggl.svg?color=%231a73e8&size=48
