jira logo
jira from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- jira
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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 256 256"><defs><linearGradient id="SVGSBI7obaC1" x1="98.031%" x2="58.888%" y1=".161%" y2="40.766%"><stop offset="18%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGHifZlbzE1" x1="100.665%" x2="55.402%" y1=".455%" y2="44.727%"><stop offset="18%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M244.658 0H121.707a55.5 55.5 0 0 0 55.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0"/><path fill="url(#SVGSBI7obaC1)" d="M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667"/><path fill="url(#SVGHifZlbzE1)" d="M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667"/></svg>
React
import type { SVGProps } from "react";
export function LogosJira(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="SVGSBI7obaC1" x1="98.031%" x2="58.888%" y1=".161%" y2="40.766%"><stop offset="18%" stopColor="#0052cc"/><stop offset="100%" stopColor="#2684ff"/></linearGradient><linearGradient id="SVGHifZlbzE1" x1="100.665%" x2="55.402%" y1=".455%" y2="44.727%"><stop offset="18%" stopColor="#0052cc"/><stop offset="100%" stopColor="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M244.658 0H121.707a55.5 55.5 0 0 0 55.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0"/><path fill="url(#SVGSBI7obaC1)" d="M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667"/><path fill="url(#SVGHifZlbzE1)" d="M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGSBI7obaC1" x1="98.031%" x2="58.888%" y1=".161%" y2="40.766%"><stop offset="18%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGHifZlbzE1" x1="100.665%" x2="55.402%" y1=".455%" y2="44.727%"><stop offset="18%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M244.658 0H121.707a55.5 55.5 0 0 0 55.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0"/><path fill="url(#SVGSBI7obaC1)" d="M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667"/><path fill="url(#SVGHifZlbzE1)" d="M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667"/></svg> </template>
CSS
.icon-jira {
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%22SVGSBI7obaC1%22%20x1%3D%2298.031%25%22%20x2%3D%2258.888%25%22%20y1%3D%22.161%25%22%20y2%3D%2240.766%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHifZlbzE1%22%20x1%3D%22100.665%25%22%20x2%3D%2255.402%25%22%20y1%3D%22.455%25%22%20y2%3D%2244.727%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M244.658%200H121.707a55.5%2055.5%200%200%200%2055.502%2055.502h22.649V77.37c.02%2030.625%2024.841%2055.447%2055.466%2055.467V10.666C255.324%204.777%20250.55%200%20244.658%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSBI7obaC1)%22%20d%3D%22M183.822%2061.262H60.872c.019%2030.625%2024.84%2055.447%2055.466%2055.467h22.649v21.938c.039%2030.625%2024.877%2055.43%2055.502%2055.43V71.93c0-5.891-4.776-10.667-10.667-10.667%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHifZlbzE1)%22%20d%3D%22M122.951%20122.489H0c0%2030.653%2024.85%2055.502%2055.502%2055.502h22.72v21.867c.02%2030.597%2024.798%2055.408%2055.396%2055.466V133.156c0-5.891-4.776-10.667-10.667-10.667%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%22SVGSBI7obaC1%22%20x1%3D%2298.031%25%22%20x2%3D%2258.888%25%22%20y1%3D%22.161%25%22%20y2%3D%2240.766%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHifZlbzE1%22%20x1%3D%22100.665%25%22%20x2%3D%2255.402%25%22%20y1%3D%22.455%25%22%20y2%3D%2244.727%25%22%3E%3Cstop%20offset%3D%2218%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M244.658%200H121.707a55.5%2055.5%200%200%200%2055.502%2055.502h22.649V77.37c.02%2030.625%2024.841%2055.447%2055.466%2055.467V10.666C255.324%204.777%20250.55%200%20244.658%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSBI7obaC1)%22%20d%3D%22M183.822%2061.262H60.872c.019%2030.625%2024.84%2055.447%2055.466%2055.467h22.649v21.938c.039%2030.625%2024.877%2055.43%2055.502%2055.43V71.93c0-5.891-4.776-10.667-10.667-10.667%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHifZlbzE1)%22%20d%3D%22M122.951%20122.489H0c0%2030.653%2024.85%2055.502%2055.502%2055.502h22.72v21.867c.02%2030.597%2024.798%2055.408%2055.396%2055.466V133.156c0-5.891-4.776-10.667-10.667-10.667%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/jira.svg?color=%231a73e8&size=48
