horizon logo
horizon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- horizon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the horizon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="ssvg-id-horizona"><stop stop-color="#E7507E" offset="0%"/><stop stop-color="#FBB583" offset="100%"/></linearGradient><path d="M215.923 163.987c-16.153 3.476-82.471 5.452-82.675 12.745c.204 8.52 40.008 8.792 39.327 18.062c-1.26 16.906-63.717 26.911-124.144 33.467C70.278 245.623 97.925 256 128 256c66.386 0 120.962-50.541 127.365-115.243c-10.915 10.833-21.176 19.141-39.442 23.23z" id="ssvg-id-horizonb"/></defs><path d="M0 128l.002.136l1.997 1.333H79.5l2.299-1.333c.221-26.01 21.366-47.028 47.428-47.028c26.062 0 47.206 21.018 47.427 47.028l3.013 1.5h74.665l1.666-1.5L256 128C256 57.307 198.692 0 128 0C57.308 0 0 57.307 0 128z" fill="url(#ssvg-id-horizona)"/><path d="M.002 128.136C.076 198.766 57.353 256 128 256s127.924-57.234 127.998-127.864H.002z" fill="#62B3C5"/><use fill="#A8DCE3" xlink:href="#ssvg-id-horizonb"/></svg>
React
import type { SVGProps } from "react";
export function LogosHorizon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="ssvgId-horizona"><stop stopColor="#E7507E" offset="0%"/><stop stopColor="#FBB583" offset="100%"/></linearGradient><path d="M215.923 163.987c-16.153 3.476-82.471 5.452-82.675 12.745c.204 8.52 40.008 8.792 39.327 18.062c-1.26 16.906-63.717 26.911-124.144 33.467C70.278 245.623 97.925 256 128 256c66.386 0 120.962-50.541 127.365-115.243c-10.915 10.833-21.176 19.141-39.442 23.23z" id="ssvgId-horizonb"/></defs><path d="M0 128l.002.136l1.997 1.333H79.5l2.299-1.333c.221-26.01 21.366-47.028 47.428-47.028c26.062 0 47.206 21.018 47.427 47.028l3.013 1.5h74.665l1.666-1.5L256 128C256 57.307 198.692 0 128 0C57.308 0 0 57.307 0 128z" fill="url(#ssvgId-horizona)"/><path d="M.002 128.136C.076 198.766 57.353 256 128 256s127.924-57.234 127.998-127.864H.002z" fill="#62B3C5"/><use fill="#A8DCE3" xlinkHref="#ssvgId-horizonb"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="ssvg-id-horizona"><stop stop-color="#E7507E" offset="0%"/><stop stop-color="#FBB583" offset="100%"/></linearGradient><path d="M215.923 163.987c-16.153 3.476-82.471 5.452-82.675 12.745c.204 8.52 40.008 8.792 39.327 18.062c-1.26 16.906-63.717 26.911-124.144 33.467C70.278 245.623 97.925 256 128 256c66.386 0 120.962-50.541 127.365-115.243c-10.915 10.833-21.176 19.141-39.442 23.23z" id="ssvg-id-horizonb"/></defs><path d="M0 128l.002.136l1.997 1.333H79.5l2.299-1.333c.221-26.01 21.366-47.028 47.428-47.028c26.062 0 47.206 21.018 47.427 47.028l3.013 1.5h74.665l1.666-1.5L256 128C256 57.307 198.692 0 128 0C57.308 0 0 57.307 0 128z" fill="url(#ssvg-id-horizona)"/><path d="M.002 128.136C.076 198.766 57.353 256 128 256s127.924-57.234 127.998-127.864H.002z" fill="#62B3C5"/><use fill="#A8DCE3" xlink:href="#ssvg-id-horizonb"/></svg> </template>
CSS
.icon-horizon {
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%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%20id%3D%22ssvg-id-horizona%22%3E%3Cstop%20stop-color%3D%22%23E7507E%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FBB583%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M215.923%20163.987c-16.153%203.476-82.471%205.452-82.675%2012.745c.204%208.52%2040.008%208.792%2039.327%2018.062c-1.26%2016.906-63.717%2026.911-124.144%2033.467C70.278%20245.623%2097.925%20256%20128%20256c66.386%200%20120.962-50.541%20127.365-115.243c-10.915%2010.833-21.176%2019.141-39.442%2023.23z%22%20id%3D%22ssvg-id-horizonb%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%20128l.002.136l1.997%201.333H79.5l2.299-1.333c.221-26.01%2021.366-47.028%2047.428-47.028c26.062%200%2047.206%2021.018%2047.427%2047.028l3.013%201.5h74.665l1.666-1.5L256%20128C256%2057.307%20198.692%200%20128%200C57.308%200%200%2057.307%200%20128z%22%20fill%3D%22url(%23ssvg-id-horizona)%22%2F%3E%3Cpath%20d%3D%22M.002%20128.136C.076%20198.766%2057.353%20256%20128%20256s127.924-57.234%20127.998-127.864H.002z%22%20fill%3D%22%2362B3C5%22%2F%3E%3Cuse%20fill%3D%22%23A8DCE3%22%20xlink%3Ahref%3D%22%23ssvg-id-horizonb%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%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2250%25%22%20y1%3D%220%25%22%20x2%3D%2250%25%22%20y2%3D%22100%25%22%20id%3D%22ssvg-id-horizona%22%3E%3Cstop%20stop-color%3D%22%23E7507E%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FBB583%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M215.923%20163.987c-16.153%203.476-82.471%205.452-82.675%2012.745c.204%208.52%2040.008%208.792%2039.327%2018.062c-1.26%2016.906-63.717%2026.911-124.144%2033.467C70.278%20245.623%2097.925%20256%20128%20256c66.386%200%20120.962-50.541%20127.365-115.243c-10.915%2010.833-21.176%2019.141-39.442%2023.23z%22%20id%3D%22ssvg-id-horizonb%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%20128l.002.136l1.997%201.333H79.5l2.299-1.333c.221-26.01%2021.366-47.028%2047.428-47.028c26.062%200%2047.206%2021.018%2047.427%2047.028l3.013%201.5h74.665l1.666-1.5L256%20128C256%2057.307%20198.692%200%20128%200C57.308%200%200%2057.307%200%20128z%22%20fill%3D%22url(%23ssvg-id-horizona)%22%2F%3E%3Cpath%20d%3D%22M.002%20128.136C.076%20198.766%2057.353%20256%20128%20256s127.924-57.234%20127.998-127.864H.002z%22%20fill%3D%22%2362B3C5%22%2F%3E%3Cuse%20fill%3D%22%23A8DCE3%22%20xlink%3Ahref%3D%22%23ssvg-id-horizonb%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/horizon.svg?color=%231a73e8&size=48
