when i work logo
when-i-work from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- when-i-work
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the when i work logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.125 32 0 24.776 0 16C0 7.125 7.125 0 16 0s16 7.125 16 16c0 8.776-7.125 16-16 16m0-29.312c-7.328 0-13.318 5.984-13.318 13.313S8.672 29.319 16 29.319s13.318-5.99 13.318-13.318S23.328 2.688 16 2.688m7.849 14.859H12.286a.927.927 0 0 1-.932-.917v-1.349c0-.521.411-.932.932-.932h11.661c.516 0 .927.417.927.932v1.339c-.099.516-.516.927-1.026.927zm-2.995-5.162H9.187a.925.925 0 0 1-.932-.917v-1.349c0-.417.417-.828.932-.828h11.661c.417 0 .828.417.828.828v1.339c0 .516-.411.927-.823.927zm-11.666 7.23h11.667c.516 0 .927.411.927.927v1.339a.93.93 0 0 1-.922.932H9.188c-.516-.104-.927-.516-.927-1.031v-1.344c-.005-.411.411-.823.927-.823"/></svg>
React
import type { SVGProps } from "react";
export function CibWhenIWork(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="M16 32C7.125 32 0 24.776 0 16C0 7.125 7.125 0 16 0s16 7.125 16 16c0 8.776-7.125 16-16 16m0-29.312c-7.328 0-13.318 5.984-13.318 13.313S8.672 29.319 16 29.319s13.318-5.99 13.318-13.318S23.328 2.688 16 2.688m7.849 14.859H12.286a.927.927 0 0 1-.932-.917v-1.349c0-.521.411-.932.932-.932h11.661c.516 0 .927.417.927.932v1.339c-.099.516-.516.927-1.026.927zm-2.995-5.162H9.187a.925.925 0 0 1-.932-.917v-1.349c0-.417.417-.828.932-.828h11.661c.417 0 .828.417.828.828v1.339c0 .516-.411.927-.823.927zm-11.666 7.23h11.667c.516 0 .927.411.927.927v1.339a.93.93 0 0 1-.922.932H9.188c-.516-.104-.927-.516-.927-1.031v-1.344c-.005-.411.411-.823.927-.823"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 32C7.125 32 0 24.776 0 16C0 7.125 7.125 0 16 0s16 7.125 16 16c0 8.776-7.125 16-16 16m0-29.312c-7.328 0-13.318 5.984-13.318 13.313S8.672 29.319 16 29.319s13.318-5.99 13.318-13.318S23.328 2.688 16 2.688m7.849 14.859H12.286a.927.927 0 0 1-.932-.917v-1.349c0-.521.411-.932.932-.932h11.661c.516 0 .927.417.927.932v1.339c-.099.516-.516.927-1.026.927zm-2.995-5.162H9.187a.925.925 0 0 1-.932-.917v-1.349c0-.417.417-.828.932-.828h11.661c.417 0 .828.417.828.828v1.339c0 .516-.411.927-.823.927zm-11.666 7.23h11.667c.516 0 .927.411.927.927v1.339a.93.93 0 0 1-.922.932H9.188c-.516-.104-.927-.516-.927-1.031v-1.344c-.005-.411.411-.823.927-.823"/></svg> </template>
CSS
.icon-when-i-work {
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%22M16%2032C7.125%2032%200%2024.776%200%2016C0%207.125%207.125%200%2016%200s16%207.125%2016%2016c0%208.776-7.125%2016-16%2016m0-29.312c-7.328%200-13.318%205.984-13.318%2013.313S8.672%2029.319%2016%2029.319s13.318-5.99%2013.318-13.318S23.328%202.688%2016%202.688m7.849%2014.859H12.286a.927.927%200%200%201-.932-.917v-1.349c0-.521.411-.932.932-.932h11.661c.516%200%20.927.417.927.932v1.339c-.099.516-.516.927-1.026.927zm-2.995-5.162H9.187a.925.925%200%200%201-.932-.917v-1.349c0-.417.417-.828.932-.828h11.661c.417%200%20.828.417.828.828v1.339c0%20.516-.411.927-.823.927zm-11.666%207.23h11.667c.516%200%20.927.411.927.927v1.339a.93.93%200%200%201-.922.932H9.188c-.516-.104-.927-.516-.927-1.031v-1.344c-.005-.411.411-.823.927-.823%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%22M16%2032C7.125%2032%200%2024.776%200%2016C0%207.125%207.125%200%2016%200s16%207.125%2016%2016c0%208.776-7.125%2016-16%2016m0-29.312c-7.328%200-13.318%205.984-13.318%2013.313S8.672%2029.319%2016%2029.319s13.318-5.99%2013.318-13.318S23.328%202.688%2016%202.688m7.849%2014.859H12.286a.927.927%200%200%201-.932-.917v-1.349c0-.521.411-.932.932-.932h11.661c.516%200%20.927.417.927.932v1.339c-.099.516-.516.927-1.026.927zm-2.995-5.162H9.187a.925.925%200%200%201-.932-.917v-1.349c0-.417.417-.828.932-.828h11.661c.417%200%20.828.417.828.828v1.339c0%20.516-.411.927-.823.927zm-11.666%207.23h11.667c.516%200%20.927.411.927.927v1.339a.93.93%200%200%201-.922.932H9.188c-.516-.104-.927-.516-.927-1.031v-1.344c-.005-.411.411-.823.927-.823%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/when-i-work.svg?color=%231a73e8&size=48
