genius logo
genius from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- genius
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the genius logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 6.827c0 2.164.79 4.133 2.167 5.51c.393.393.786.59 1.18.983h.195c.197 0 .196-.196.196-.196c-.393-.787-.588-1.77-.588-2.754c0-2.164.982-4.329 2.36-5.706V1.518c0-.197-.197-.196-.197-.196h-2.95C.789 2.896 0 4.664 0 6.827m2.559 12.59c2.36 2.164 5.31 3.343 8.851 3.343c7.082 0 12.59-5.702 12.59-12.586c0-3.344-1.378-6.492-3.542-8.656h-.196c0-.197-.196 0-.196 0c.59 1.574.983 3.147.983 4.918c0 7.278-5.902 13.373-13.377 13.373c-1.77 0-3.344-.393-4.917-.983c-.197 0-.196.199-.196.395zm5.9-11.998c0 .59.395 1.178.788 1.571h.392c3.54 1.18 4.722-.193 4.722-1.767V5.056c0-.196.196-.196.196-.196h.787c.197 0 .196-.196.196-.196c-.196-1.18-.784-2.358-1.571-3.342h-2.363c0-.197-.196 0-.196.196v2.95c0 1.574-1.18 2.754-2.754 2.951c0-.197-.196 0-.196 0z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGenius(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="M0 6.827c0 2.164.79 4.133 2.167 5.51c.393.393.786.59 1.18.983h.195c.197 0 .196-.196.196-.196c-.393-.787-.588-1.77-.588-2.754c0-2.164.982-4.329 2.36-5.706V1.518c0-.197-.197-.196-.197-.196h-2.95C.789 2.896 0 4.664 0 6.827m2.559 12.59c2.36 2.164 5.31 3.343 8.851 3.343c7.082 0 12.59-5.702 12.59-12.586c0-3.344-1.378-6.492-3.542-8.656h-.196c0-.197-.196 0-.196 0c.59 1.574.983 3.147.983 4.918c0 7.278-5.902 13.373-13.377 13.373c-1.77 0-3.344-.393-4.917-.983c-.197 0-.196.199-.196.395zm5.9-11.998c0 .59.395 1.178.788 1.571h.392c3.54 1.18 4.722-.193 4.722-1.767V5.056c0-.196.196-.196.196-.196h.787c.197 0 .196-.196.196-.196c-.196-1.18-.784-2.358-1.571-3.342h-2.363c0-.197-.196 0-.196.196v2.95c0 1.574-1.18 2.754-2.754 2.951c0-.197-.196 0-.196 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 6.827c0 2.164.79 4.133 2.167 5.51c.393.393.786.59 1.18.983h.195c.197 0 .196-.196.196-.196c-.393-.787-.588-1.77-.588-2.754c0-2.164.982-4.329 2.36-5.706V1.518c0-.197-.197-.196-.197-.196h-2.95C.789 2.896 0 4.664 0 6.827m2.559 12.59c2.36 2.164 5.31 3.343 8.851 3.343c7.082 0 12.59-5.702 12.59-12.586c0-3.344-1.378-6.492-3.542-8.656h-.196c0-.197-.196 0-.196 0c.59 1.574.983 3.147.983 4.918c0 7.278-5.902 13.373-13.377 13.373c-1.77 0-3.344-.393-4.917-.983c-.197 0-.196.199-.196.395zm5.9-11.998c0 .59.395 1.178.788 1.571h.392c3.54 1.18 4.722-.193 4.722-1.767V5.056c0-.196.196-.196.196-.196h.787c.197 0 .196-.196.196-.196c-.196-1.18-.784-2.358-1.571-3.342h-2.363c0-.197-.196 0-.196.196v2.95c0 1.574-1.18 2.754-2.754 2.951c0-.197-.196 0-.196 0z"/></svg> </template>
CSS
.icon-genius {
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%22M0%206.827c0%202.164.79%204.133%202.167%205.51c.393.393.786.59%201.18.983h.195c.197%200%20.196-.196.196-.196c-.393-.787-.588-1.77-.588-2.754c0-2.164.982-4.329%202.36-5.706V1.518c0-.197-.197-.196-.197-.196h-2.95C.789%202.896%200%204.664%200%206.827m2.559%2012.59c2.36%202.164%205.31%203.343%208.851%203.343c7.082%200%2012.59-5.702%2012.59-12.586c0-3.344-1.378-6.492-3.542-8.656h-.196c0-.197-.196%200-.196%200c.59%201.574.983%203.147.983%204.918c0%207.278-5.902%2013.373-13.377%2013.373c-1.77%200-3.344-.393-4.917-.983c-.197%200-.196.199-.196.395zm5.9-11.998c0%20.59.395%201.178.788%201.571h.392c3.54%201.18%204.722-.193%204.722-1.767V5.056c0-.196.196-.196.196-.196h.787c.197%200%20.196-.196.196-.196c-.196-1.18-.784-2.358-1.571-3.342h-2.363c0-.197-.196%200-.196.196v2.95c0%201.574-1.18%202.754-2.754%202.951c0-.197-.196%200-.196%200z%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%22M0%206.827c0%202.164.79%204.133%202.167%205.51c.393.393.786.59%201.18.983h.195c.197%200%20.196-.196.196-.196c-.393-.787-.588-1.77-.588-2.754c0-2.164.982-4.329%202.36-5.706V1.518c0-.197-.197-.196-.197-.196h-2.95C.789%202.896%200%204.664%200%206.827m2.559%2012.59c2.36%202.164%205.31%203.343%208.851%203.343c7.082%200%2012.59-5.702%2012.59-12.586c0-3.344-1.378-6.492-3.542-8.656h-.196c0-.197-.196%200-.196%200c.59%201.574.983%203.147.983%204.918c0%207.278-5.902%2013.373-13.377%2013.373c-1.77%200-3.344-.393-4.917-.983c-.197%200-.196.199-.196.395zm5.9-11.998c0%20.59.395%201.178.788%201.571h.392c3.54%201.18%204.722-.193%204.722-1.767V5.056c0-.196.196-.196.196-.196h.787c.197%200%20.196-.196.196-.196c-.196-1.18-.784-2.358-1.571-3.342h-2.363c0-.197-.196%200-.196.196v2.95c0%201.574-1.18%202.754-2.754%202.951c0-.197-.196%200-.196%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/genius.svg?color=%231a73e8&size=48
