jira logo
jira-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- jira-wordmark
- Set
- Devicon
- Style
- Wordmark
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the jira logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGEA8ikeAY" x1="22.034" x2="17.118" y1="9.773" y2="14.842" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGAArkrb3e" x1="16.641" x2="10.957" y1="15.564" y2="21.094" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M106.691 2.387h-45.16c0 11.258 9.114 20.37 20.367 20.37h8.309v8.04c0 11.258 9.113 20.371 20.371 20.371V6.273a3.89 3.89 0 0 0-3.887-3.886m0 0"/><path fill="url(#SVGEA8ikeAY)" d="M84.313 24.902h-45.16c0 11.258 9.109 20.368 20.367 20.368h8.308v8.042c0 11.258 9.113 20.372 20.371 20.372V28.789a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="url(#SVGAArkrb3e)" d="M61.934 47.414H16.77c0 11.258 9.113 20.371 20.37 20.371h8.31v8.043c0 11.254 9.112 20.367 20.37 20.367V51.301a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="#253858" d="M46 101.242h3.434v16.98c0 4.481-2.043 7.606-6.786 7.606c-1.78 0-3.175-.297-4.132-.633v-3.254c1.047.422 2.308.633 3.57.633c2.914 0 3.914-1.687 3.914-4.14zm9.742-1.312c1.348 0 2.305.804 2.305 2.238c0 1.394-.957 2.242-2.305 2.242c-1.347 0-2.304-.805-2.304-2.242c0-1.39.957-2.238 2.304-2.238m-1.695 7.14h3.305v18.59h-3.305zm11.48 18.59H62.31v-18.59h3.218v3.254c1.133-2.199 3.047-3.761 6.785-3.55v3.128c-4.218-.422-6.785.801-6.785 4.774zm22.231-3.34c-1.219 2.453-3.524 3.72-6.485 3.72c-5.085 0-7.652-4.185-7.652-9.677c0-5.238 2.695-9.672 8.047-9.672c2.781 0 4.957 1.223 6.09 3.633v-3.254h3.305v18.59h-3.305zm-5.613.762c2.957 0 5.566-1.816 5.566-5.957v-1.477c0-4.14-2.39-5.957-5.219-5.957c-3.695 0-5.61 2.364-5.61 6.672c.044 4.48 1.872 6.719 5.263 6.719m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconJiraWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGEA8ikeAY" x1="22.034" x2="17.118" y1="9.773" y2="14.842" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stopColor="#0052cc"/><stop offset="1" stopColor="#2684ff"/></linearGradient><linearGradient id="SVGAArkrb3e" x1="16.641" x2="10.957" y1="15.564" y2="21.094" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stopColor="#0052cc"/><stop offset="1" stopColor="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M106.691 2.387h-45.16c0 11.258 9.114 20.37 20.367 20.37h8.309v8.04c0 11.258 9.113 20.371 20.371 20.371V6.273a3.89 3.89 0 0 0-3.887-3.886m0 0"/><path fill="url(#SVGEA8ikeAY)" d="M84.313 24.902h-45.16c0 11.258 9.109 20.368 20.367 20.368h8.308v8.042c0 11.258 9.113 20.372 20.371 20.372V28.789a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="url(#SVGAArkrb3e)" d="M61.934 47.414H16.77c0 11.258 9.113 20.371 20.37 20.371h8.31v8.043c0 11.254 9.112 20.367 20.37 20.367V51.301a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="#253858" d="M46 101.242h3.434v16.98c0 4.481-2.043 7.606-6.786 7.606c-1.78 0-3.175-.297-4.132-.633v-3.254c1.047.422 2.308.633 3.57.633c2.914 0 3.914-1.687 3.914-4.14zm9.742-1.312c1.348 0 2.305.804 2.305 2.238c0 1.394-.957 2.242-2.305 2.242c-1.347 0-2.304-.805-2.304-2.242c0-1.39.957-2.238 2.304-2.238m-1.695 7.14h3.305v18.59h-3.305zm11.48 18.59H62.31v-18.59h3.218v3.254c1.133-2.199 3.047-3.761 6.785-3.55v3.128c-4.218-.422-6.785.801-6.785 4.774zm22.231-3.34c-1.219 2.453-3.524 3.72-6.485 3.72c-5.085 0-7.652-4.185-7.652-9.677c0-5.238 2.695-9.672 8.047-9.672c2.781 0 4.957 1.223 6.09 3.633v-3.254h3.305v18.59h-3.305zm-5.613.762c2.957 0 5.566-1.816 5.566-5.957v-1.477c0-4.14-2.39-5.957-5.219-5.957c-3.695 0-5.61 2.364-5.61 6.672c.044 4.48 1.872 6.719 5.263 6.719m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGEA8ikeAY" x1="22.034" x2="17.118" y1="9.773" y2="14.842" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGAArkrb3e" x1="16.641" x2="10.957" y1="15.564" y2="21.094" gradientTransform="translate(1.136 -13.247)scale(3.90869)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M106.691 2.387h-45.16c0 11.258 9.114 20.37 20.367 20.37h8.309v8.04c0 11.258 9.113 20.371 20.371 20.371V6.273a3.89 3.89 0 0 0-3.887-3.886m0 0"/><path fill="url(#SVGEA8ikeAY)" d="M84.313 24.902h-45.16c0 11.258 9.109 20.368 20.367 20.368h8.308v8.042c0 11.258 9.113 20.372 20.371 20.372V28.789a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="url(#SVGAArkrb3e)" d="M61.934 47.414H16.77c0 11.258 9.113 20.371 20.37 20.371h8.31v8.043c0 11.254 9.112 20.367 20.37 20.367V51.301a3.89 3.89 0 0 0-3.886-3.887m0 0"/><path fill="#253858" d="M46 101.242h3.434v16.98c0 4.481-2.043 7.606-6.786 7.606c-1.78 0-3.175-.297-4.132-.633v-3.254c1.047.422 2.308.633 3.57.633c2.914 0 3.914-1.687 3.914-4.14zm9.742-1.312c1.348 0 2.305.804 2.305 2.238c0 1.394-.957 2.242-2.305 2.242c-1.347 0-2.304-.805-2.304-2.242c0-1.39.957-2.238 2.304-2.238m-1.695 7.14h3.305v18.59h-3.305zm11.48 18.59H62.31v-18.59h3.218v3.254c1.133-2.199 3.047-3.761 6.785-3.55v3.128c-4.218-.422-6.785.801-6.785 4.774zm22.231-3.34c-1.219 2.453-3.524 3.72-6.485 3.72c-5.085 0-7.652-4.185-7.652-9.677c0-5.238 2.695-9.672 8.047-9.672c2.781 0 4.957 1.223 6.09 3.633v-3.254h3.305v18.59h-3.305zm-5.613.762c2.957 0 5.566-1.816 5.566-5.957v-1.477c0-4.14-2.39-5.957-5.219-5.957c-3.695 0-5.61 2.364-5.61 6.672c.044 4.48 1.872 6.719 5.263 6.719m0 0"/></svg> </template>
CSS
.icon-jira-wordmark {
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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEA8ikeAY%22%20x1%3D%2222.034%22%20x2%3D%2217.118%22%20y1%3D%229.773%22%20y2%3D%2214.842%22%20gradientTransform%3D%22translate(1.136%20-13.247)scale(3.90869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.176%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAArkrb3e%22%20x1%3D%2216.641%22%20x2%3D%2210.957%22%20y1%3D%2215.564%22%20y2%3D%2221.094%22%20gradientTransform%3D%22translate(1.136%20-13.247)scale(3.90869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.176%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M106.691%202.387h-45.16c0%2011.258%209.114%2020.37%2020.367%2020.37h8.309v8.04c0%2011.258%209.113%2020.371%2020.371%2020.371V6.273a3.89%203.89%200%200%200-3.887-3.886m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEA8ikeAY)%22%20d%3D%22M84.313%2024.902h-45.16c0%2011.258%209.109%2020.368%2020.367%2020.368h8.308v8.042c0%2011.258%209.113%2020.372%2020.371%2020.372V28.789a3.89%203.89%200%200%200-3.886-3.887m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAArkrb3e)%22%20d%3D%22M61.934%2047.414H16.77c0%2011.258%209.113%2020.371%2020.37%2020.371h8.31v8.043c0%2011.254%209.112%2020.367%2020.37%2020.367V51.301a3.89%203.89%200%200%200-3.886-3.887m0%200%22%2F%3E%3Cpath%20fill%3D%22%23253858%22%20d%3D%22M46%20101.242h3.434v16.98c0%204.481-2.043%207.606-6.786%207.606c-1.78%200-3.175-.297-4.132-.633v-3.254c1.047.422%202.308.633%203.57.633c2.914%200%203.914-1.687%203.914-4.14zm9.742-1.312c1.348%200%202.305.804%202.305%202.238c0%201.394-.957%202.242-2.305%202.242c-1.347%200-2.304-.805-2.304-2.242c0-1.39.957-2.238%202.304-2.238m-1.695%207.14h3.305v18.59h-3.305zm11.48%2018.59H62.31v-18.59h3.218v3.254c1.133-2.199%203.047-3.761%206.785-3.55v3.128c-4.218-.422-6.785.801-6.785%204.774zm22.231-3.34c-1.219%202.453-3.524%203.72-6.485%203.72c-5.085%200-7.652-4.185-7.652-9.677c0-5.238%202.695-9.672%208.047-9.672c2.781%200%204.957%201.223%206.09%203.633v-3.254h3.305v18.59h-3.305zm-5.613.762c2.957%200%205.566-1.816%205.566-5.957v-1.477c0-4.14-2.39-5.957-5.219-5.957c-3.695%200-5.61%202.364-5.61%206.672c.044%204.48%201.872%206.719%205.263%206.719m0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEA8ikeAY%22%20x1%3D%2222.034%22%20x2%3D%2217.118%22%20y1%3D%229.773%22%20y2%3D%2214.842%22%20gradientTransform%3D%22translate(1.136%20-13.247)scale(3.90869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.176%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAArkrb3e%22%20x1%3D%2216.641%22%20x2%3D%2210.957%22%20y1%3D%2215.564%22%20y2%3D%2221.094%22%20gradientTransform%3D%22translate(1.136%20-13.247)scale(3.90869)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.176%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M106.691%202.387h-45.16c0%2011.258%209.114%2020.37%2020.367%2020.37h8.309v8.04c0%2011.258%209.113%2020.371%2020.371%2020.371V6.273a3.89%203.89%200%200%200-3.887-3.886m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEA8ikeAY)%22%20d%3D%22M84.313%2024.902h-45.16c0%2011.258%209.109%2020.368%2020.367%2020.368h8.308v8.042c0%2011.258%209.113%2020.372%2020.371%2020.372V28.789a3.89%203.89%200%200%200-3.886-3.887m0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAArkrb3e)%22%20d%3D%22M61.934%2047.414H16.77c0%2011.258%209.113%2020.371%2020.37%2020.371h8.31v8.043c0%2011.254%209.112%2020.367%2020.37%2020.367V51.301a3.89%203.89%200%200%200-3.886-3.887m0%200%22%2F%3E%3Cpath%20fill%3D%22%23253858%22%20d%3D%22M46%20101.242h3.434v16.98c0%204.481-2.043%207.606-6.786%207.606c-1.78%200-3.175-.297-4.132-.633v-3.254c1.047.422%202.308.633%203.57.633c2.914%200%203.914-1.687%203.914-4.14zm9.742-1.312c1.348%200%202.305.804%202.305%202.238c0%201.394-.957%202.242-2.305%202.242c-1.347%200-2.304-.805-2.304-2.242c0-1.39.957-2.238%202.304-2.238m-1.695%207.14h3.305v18.59h-3.305zm11.48%2018.59H62.31v-18.59h3.218v3.254c1.133-2.199%203.047-3.761%206.785-3.55v3.128c-4.218-.422-6.785.801-6.785%204.774zm22.231-3.34c-1.219%202.453-3.524%203.72-6.485%203.72c-5.085%200-7.652-4.185-7.652-9.677c0-5.238%202.695-9.672%208.047-9.672c2.781%200%204.957%201.223%206.09%203.633v-3.254h3.305v18.59h-3.305zm-5.613.762c2.957%200%205.566-1.816%205.566-5.957v-1.477c0-4.14-2.39-5.957-5.219-5.957c-3.695%200-5.61%202.364-5.61%206.672c.044%204.48%201.872%206.719%205.263%206.719m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/jira-wordmark.svg?color=%231a73e8&size=48
