ionos logo
ionos from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- ionos
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the ionos logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.182 15.499a2 2 0 0 1-.354-.036a1.83 1.83 0 0 1-1.208-.863l-.007-.012a.543.543 0 0 1 .2-.716a.5.5 0 0 1 .27-.074a.53.53 0 0 1 .462.272l.018.03l.057.076l.075.077a.74.74 0 0 0 .346.167a.76.76 0 0 0 .595-.136a.72.72 0 0 0 .3-.54a.74.74 0 0 0-.208-.577s-1.6-1.661-1.671-1.738a2 2 0 0 1-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7 1.7 0 0 1 .225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2 2 0 0 1 .306-.185a1.75 1.75 0 0 1 2.282.705a.52.52 0 0 1 .055.402a.53.53 0 0 1-.253.326a.5.5 0 0 1-.259.07a.53.53 0 0 1-.46-.27a.7.7 0 0 0-.466-.33a.72.72 0 0 0-.564.128a.7.7 0 0 0-.267.498a.7.7 0 0 0 .19.54l1.636 1.686a1.83 1.83 0 0 1 .507 1.393c-.047.524-.307 1-.715 1.305a1.84 1.84 0 0 1-1.099.369m-5.175 0a1.76 1.76 0 0 0 1.759-1.76v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.759 1.76m0-5.935c.378 0 .697.32.697.697v3.478a.7.7 0 0 1-.697.697a.69.69 0 0 1-.697-.697v-3.478a.7.7 0 0 1 .697-.697m-7.898.323v5.08a.53.53 0 0 0 1.061 0V12.09Zm2.88 2.025v-2.88a.531.531 0 0 1 1.062 0v5.084zm1.053 2.94v.114a.533.533 0 0 1-1.007.24l-2.92-6.052v-.121a.53.53 0 0 1 .303-.477a.525.525 0 0 1 .709.247Zm-7.907.646a1.76 1.76 0 0 0 1.759-1.759v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.76 1.76m0-5.935a.707.707 0 0 1 .696.697v3.478a.697.697 0 1 1-1.394 0v-3.478a.7.7 0 0 1 .697-.697M0 14.911a.58.58 0 1 0 1.158 0v-5.83A.58.58 0 0 0 0 9.08z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsIonos(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="M22.182 15.499a2 2 0 0 1-.354-.036a1.83 1.83 0 0 1-1.208-.863l-.007-.012a.543.543 0 0 1 .2-.716a.5.5 0 0 1 .27-.074a.53.53 0 0 1 .462.272l.018.03l.057.076l.075.077a.74.74 0 0 0 .346.167a.76.76 0 0 0 .595-.136a.72.72 0 0 0 .3-.54a.74.74 0 0 0-.208-.577s-1.6-1.661-1.671-1.738a2 2 0 0 1-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7 1.7 0 0 1 .225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2 2 0 0 1 .306-.185a1.75 1.75 0 0 1 2.282.705a.52.52 0 0 1 .055.402a.53.53 0 0 1-.253.326a.5.5 0 0 1-.259.07a.53.53 0 0 1-.46-.27a.7.7 0 0 0-.466-.33a.72.72 0 0 0-.564.128a.7.7 0 0 0-.267.498a.7.7 0 0 0 .19.54l1.636 1.686a1.83 1.83 0 0 1 .507 1.393c-.047.524-.307 1-.715 1.305a1.84 1.84 0 0 1-1.099.369m-5.175 0a1.76 1.76 0 0 0 1.759-1.76v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.759 1.76m0-5.935c.378 0 .697.32.697.697v3.478a.7.7 0 0 1-.697.697a.69.69 0 0 1-.697-.697v-3.478a.7.7 0 0 1 .697-.697m-7.898.323v5.08a.53.53 0 0 0 1.061 0V12.09Zm2.88 2.025v-2.88a.531.531 0 0 1 1.062 0v5.084zm1.053 2.94v.114a.533.533 0 0 1-1.007.24l-2.92-6.052v-.121a.53.53 0 0 1 .303-.477a.525.525 0 0 1 .709.247Zm-7.907.646a1.76 1.76 0 0 0 1.759-1.759v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.76 1.76m0-5.935a.707.707 0 0 1 .696.697v3.478a.697.697 0 1 1-1.394 0v-3.478a.7.7 0 0 1 .697-.697M0 14.911a.58.58 0 1 0 1.158 0v-5.83A.58.58 0 0 0 0 9.08z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.182 15.499a2 2 0 0 1-.354-.036a1.83 1.83 0 0 1-1.208-.863l-.007-.012a.543.543 0 0 1 .2-.716a.5.5 0 0 1 .27-.074a.53.53 0 0 1 .462.272l.018.03l.057.076l.075.077a.74.74 0 0 0 .346.167a.76.76 0 0 0 .595-.136a.72.72 0 0 0 .3-.54a.74.74 0 0 0-.208-.577s-1.6-1.661-1.671-1.738a2 2 0 0 1-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7 1.7 0 0 1 .225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2 2 0 0 1 .306-.185a1.75 1.75 0 0 1 2.282.705a.52.52 0 0 1 .055.402a.53.53 0 0 1-.253.326a.5.5 0 0 1-.259.07a.53.53 0 0 1-.46-.27a.7.7 0 0 0-.466-.33a.72.72 0 0 0-.564.128a.7.7 0 0 0-.267.498a.7.7 0 0 0 .19.54l1.636 1.686a1.83 1.83 0 0 1 .507 1.393c-.047.524-.307 1-.715 1.305a1.84 1.84 0 0 1-1.099.369m-5.175 0a1.76 1.76 0 0 0 1.759-1.76v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.759 1.76m0-5.935c.378 0 .697.32.697.697v3.478a.7.7 0 0 1-.697.697a.69.69 0 0 1-.697-.697v-3.478a.7.7 0 0 1 .697-.697m-7.898.323v5.08a.53.53 0 0 0 1.061 0V12.09Zm2.88 2.025v-2.88a.531.531 0 0 1 1.062 0v5.084zm1.053 2.94v.114a.533.533 0 0 1-1.007.24l-2.92-6.052v-.121a.53.53 0 0 1 .303-.477a.525.525 0 0 1 .709.247Zm-7.907.646a1.76 1.76 0 0 0 1.759-1.759v-3.478a1.759 1.759 0 0 0-3.518 0v3.478a1.76 1.76 0 0 0 1.76 1.76m0-5.935a.707.707 0 0 1 .696.697v3.478a.697.697 0 1 1-1.394 0v-3.478a.7.7 0 0 1 .697-.697M0 14.911a.58.58 0 1 0 1.158 0v-5.83A.58.58 0 0 0 0 9.08z"/></svg> </template>
CSS
.icon-ionos {
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%22M22.182%2015.499a2%202%200%200%201-.354-.036a1.83%201.83%200%200%201-1.208-.863l-.007-.012a.543.543%200%200%201%20.2-.716a.5.5%200%200%201%20.27-.074a.53.53%200%200%201%20.462.272l.018.03l.057.076l.075.077a.74.74%200%200%200%20.346.167a.76.76%200%200%200%20.595-.136a.72.72%200%200%200%20.3-.54a.74.74%200%200%200-.208-.577s-1.6-1.661-1.671-1.738a2%202%200%200%201-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7%201.7%200%200%201%20.225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2%202%200%200%201%20.306-.185a1.75%201.75%200%200%201%202.282.705a.52.52%200%200%201%20.055.402a.53.53%200%200%201-.253.326a.5.5%200%200%201-.259.07a.53.53%200%200%201-.46-.27a.7.7%200%200%200-.466-.33a.72.72%200%200%200-.564.128a.7.7%200%200%200-.267.498a.7.7%200%200%200%20.19.54l1.636%201.686a1.83%201.83%200%200%201%20.507%201.393c-.047.524-.307%201-.715%201.305a1.84%201.84%200%200%201-1.099.369m-5.175%200a1.76%201.76%200%200%200%201.759-1.76v-3.478a1.759%201.759%200%200%200-3.518%200v3.478a1.76%201.76%200%200%200%201.759%201.76m0-5.935c.378%200%20.697.32.697.697v3.478a.7.7%200%200%201-.697.697a.69.69%200%200%201-.697-.697v-3.478a.7.7%200%200%201%20.697-.697m-7.898.323v5.08a.53.53%200%200%200%201.061%200V12.09Zm2.88%202.025v-2.88a.531.531%200%200%201%201.062%200v5.084zm1.053%202.94v.114a.533.533%200%200%201-1.007.24l-2.92-6.052v-.121a.53.53%200%200%201%20.303-.477a.525.525%200%200%201%20.709.247Zm-7.907.646a1.76%201.76%200%200%200%201.759-1.759v-3.478a1.759%201.759%200%200%200-3.518%200v3.478a1.76%201.76%200%200%200%201.76%201.76m0-5.935a.707.707%200%200%201%20.696.697v3.478a.697.697%200%201%201-1.394%200v-3.478a.7.7%200%200%201%20.697-.697M0%2014.911a.58.58%200%201%200%201.158%200v-5.83A.58.58%200%200%200%200%209.08z%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%22M22.182%2015.499a2%202%200%200%201-.354-.036a1.83%201.83%200%200%201-1.208-.863l-.007-.012a.543.543%200%200%201%20.2-.716a.5.5%200%200%201%20.27-.074a.53.53%200%200%201%20.462.272l.018.03l.057.076l.075.077a.74.74%200%200%200%20.346.167a.76.76%200%200%200%20.595-.136a.72.72%200%200%200%20.3-.54a.74.74%200%200%200-.208-.577s-1.6-1.661-1.671-1.738a2%202%200%200%201-.193-.23c-.226-.32-.296-.696-.261-1.07a1.7%201.7%200%200%201%20.225-.74s.073-.123.095-.155c.084-.123.251-.283.366-.372a2%202%200%200%201%20.306-.185a1.75%201.75%200%200%201%202.282.705a.52.52%200%200%201%20.055.402a.53.53%200%200%201-.253.326a.5.5%200%200%201-.259.07a.53.53%200%200%201-.46-.27a.7.7%200%200%200-.466-.33a.72.72%200%200%200-.564.128a.7.7%200%200%200-.267.498a.7.7%200%200%200%20.19.54l1.636%201.686a1.83%201.83%200%200%201%20.507%201.393c-.047.524-.307%201-.715%201.305a1.84%201.84%200%200%201-1.099.369m-5.175%200a1.76%201.76%200%200%200%201.759-1.76v-3.478a1.759%201.759%200%200%200-3.518%200v3.478a1.76%201.76%200%200%200%201.759%201.76m0-5.935c.378%200%20.697.32.697.697v3.478a.7.7%200%200%201-.697.697a.69.69%200%200%201-.697-.697v-3.478a.7.7%200%200%201%20.697-.697m-7.898.323v5.08a.53.53%200%200%200%201.061%200V12.09Zm2.88%202.025v-2.88a.531.531%200%200%201%201.062%200v5.084zm1.053%202.94v.114a.533.533%200%200%201-1.007.24l-2.92-6.052v-.121a.53.53%200%200%201%20.303-.477a.525.525%200%200%201%20.709.247Zm-7.907.646a1.76%201.76%200%200%200%201.759-1.759v-3.478a1.759%201.759%200%200%200-3.518%200v3.478a1.76%201.76%200%200%200%201.76%201.76m0-5.935a.707.707%200%200%201%20.696.697v3.478a.697.697%200%201%201-1.394%200v-3.478a.7.7%200%200%201%20.697-.697M0%2014.911a.58.58%200%201%200%201.158%200v-5.83A.58.58%200%200%200%200%209.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/ionos.svg?color=%231a73e8&size=48
