jio logo

jio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
jio
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the jio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 1 1 0 12A12 12 0 0 1 12 0m5.587 14.559c-.883 0-1.49-.648-1.49-1.574c0-.912.62-1.56 1.49-1.56s1.491.648 1.491 1.573c0 .897-.634 1.56-1.49 1.56zm.03-5.152c-2.265 0-3.772 1.437-3.772 3.576c0 2.195 1.451 3.604 3.729 3.604c2.264 0 3.755-1.409 3.755-3.59c0-2.153-1.475-3.59-3.713-3.59zM11.78 6.272c-.856 0-1.395.483-1.395 1.243c0 .774.552 1.257 1.435 1.257c.857 0 1.395-.483 1.395-1.257s-.552-1.243-1.435-1.243m.152 3.204h-.277c-.675 0-1.187.317-1.187 1.285v4.42c0 .98.496 1.284 1.216 1.284h.275c.677 0 1.16-.33 1.16-1.285v-4.419c0-.995-.47-1.285-1.187-1.285M8.316 7.392h-.4c-.76 0-1.174.43-1.174 1.285v4.13c0 1.063-.36 1.436-1.2 1.436c-.662 0-1.201-.29-1.63-.816C3.87 13.373 3 13.786 3 14.81c0 1.104 1.035 1.781 2.955 1.781c2.334 0 3.563-1.173 3.563-3.742V8.675c0-.856-.413-1.283-1.202-1.283"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsJio(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="M12 0A12 12 0 1 1 0 12A12 12 0 0 1 12 0m5.587 14.559c-.883 0-1.49-.648-1.49-1.574c0-.912.62-1.56 1.49-1.56s1.491.648 1.491 1.573c0 .897-.634 1.56-1.49 1.56zm.03-5.152c-2.265 0-3.772 1.437-3.772 3.576c0 2.195 1.451 3.604 3.729 3.604c2.264 0 3.755-1.409 3.755-3.59c0-2.153-1.475-3.59-3.713-3.59zM11.78 6.272c-.856 0-1.395.483-1.395 1.243c0 .774.552 1.257 1.435 1.257c.857 0 1.395-.483 1.395-1.257s-.552-1.243-1.435-1.243m.152 3.204h-.277c-.675 0-1.187.317-1.187 1.285v4.42c0 .98.496 1.284 1.216 1.284h.275c.677 0 1.16-.33 1.16-1.285v-4.419c0-.995-.47-1.285-1.187-1.285M8.316 7.392h-.4c-.76 0-1.174.43-1.174 1.285v4.13c0 1.063-.36 1.436-1.2 1.436c-.662 0-1.201-.29-1.63-.816C3.87 13.373 3 13.786 3 14.81c0 1.104 1.035 1.781 2.955 1.781c2.334 0 3.563-1.173 3.563-3.742V8.675c0-.856-.413-1.283-1.202-1.283"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0A12 12 0 1 1 0 12A12 12 0 0 1 12 0m5.587 14.559c-.883 0-1.49-.648-1.49-1.574c0-.912.62-1.56 1.49-1.56s1.491.648 1.491 1.573c0 .897-.634 1.56-1.49 1.56zm.03-5.152c-2.265 0-3.772 1.437-3.772 3.576c0 2.195 1.451 3.604 3.729 3.604c2.264 0 3.755-1.409 3.755-3.59c0-2.153-1.475-3.59-3.713-3.59zM11.78 6.272c-.856 0-1.395.483-1.395 1.243c0 .774.552 1.257 1.435 1.257c.857 0 1.395-.483 1.395-1.257s-.552-1.243-1.435-1.243m.152 3.204h-.277c-.675 0-1.187.317-1.187 1.285v4.42c0 .98.496 1.284 1.216 1.284h.275c.677 0 1.16-.33 1.16-1.285v-4.419c0-.995-.47-1.285-1.187-1.285M8.316 7.392h-.4c-.76 0-1.174.43-1.174 1.285v4.13c0 1.063-.36 1.436-1.2 1.436c-.662 0-1.201-.29-1.63-.816C3.87 13.373 3 13.786 3 14.81c0 1.104 1.035 1.781 2.955 1.781c2.334 0 3.563-1.173 3.563-3.742V8.675c0-.856-.413-1.283-1.202-1.283"/></svg>
</template>

CSS

.icon-jio {
  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%22M12%200A12%2012%200%201%201%200%2012A12%2012%200%200%201%2012%200m5.587%2014.559c-.883%200-1.49-.648-1.49-1.574c0-.912.62-1.56%201.49-1.56s1.491.648%201.491%201.573c0%20.897-.634%201.56-1.49%201.56zm.03-5.152c-2.265%200-3.772%201.437-3.772%203.576c0%202.195%201.451%203.604%203.729%203.604c2.264%200%203.755-1.409%203.755-3.59c0-2.153-1.475-3.59-3.713-3.59zM11.78%206.272c-.856%200-1.395.483-1.395%201.243c0%20.774.552%201.257%201.435%201.257c.857%200%201.395-.483%201.395-1.257s-.552-1.243-1.435-1.243m.152%203.204h-.277c-.675%200-1.187.317-1.187%201.285v4.42c0%20.98.496%201.284%201.216%201.284h.275c.677%200%201.16-.33%201.16-1.285v-4.419c0-.995-.47-1.285-1.187-1.285M8.316%207.392h-.4c-.76%200-1.174.43-1.174%201.285v4.13c0%201.063-.36%201.436-1.2%201.436c-.662%200-1.201-.29-1.63-.816C3.87%2013.373%203%2013.786%203%2014.81c0%201.104%201.035%201.781%202.955%201.781c2.334%200%203.563-1.173%203.563-3.742V8.675c0-.856-.413-1.283-1.202-1.283%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%22M12%200A12%2012%200%201%201%200%2012A12%2012%200%200%201%2012%200m5.587%2014.559c-.883%200-1.49-.648-1.49-1.574c0-.912.62-1.56%201.49-1.56s1.491.648%201.491%201.573c0%20.897-.634%201.56-1.49%201.56zm.03-5.152c-2.265%200-3.772%201.437-3.772%203.576c0%202.195%201.451%203.604%203.729%203.604c2.264%200%203.755-1.409%203.755-3.59c0-2.153-1.475-3.59-3.713-3.59zM11.78%206.272c-.856%200-1.395.483-1.395%201.243c0%20.774.552%201.257%201.435%201.257c.857%200%201.395-.483%201.395-1.257s-.552-1.243-1.435-1.243m.152%203.204h-.277c-.675%200-1.187.317-1.187%201.285v4.42c0%20.98.496%201.284%201.216%201.284h.275c.677%200%201.16-.33%201.16-1.285v-4.419c0-.995-.47-1.285-1.187-1.285M8.316%207.392h-.4c-.76%200-1.174.43-1.174%201.285v4.13c0%201.063-.36%201.436-1.2%201.436c-.662%200-1.201-.29-1.63-.816C3.87%2013.373%203%2013.786%203%2014.81c0%201.104%201.035%201.781%202.955%201.781c2.334%200%203.563-1.173%203.563-3.742V8.675c0-.856-.413-1.283-1.202-1.283%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/jio.svg?color=%231a73e8&size=48