optimizely icon logo

optimizely-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
optimizely-icon
Set
SVG Logos
Style
Color
Viewbox
256×248
License
CC0

Use the optimizely icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#3be081" d="M85.256 135.865v29.79c22.73-.027 44.52-8.791 60.592-24.37c16.073-15.58 25.114-36.702 25.141-58.734h-30.732c-.018 14.134-5.819 27.685-16.13 37.68c-10.31 9.994-24.29 15.616-38.871 15.634"/><path fill="#0037ff" d="M85.247 217.922c-14.477 0-28.36-5.574-38.597-15.497s-15.987-23.38-15.987-37.413s5.75-27.49 15.987-37.413s24.12-15.497 38.597-15.497v-29.57a87.5 87.5 0 0 0-32.585 6.236C42.328 92.9 32.935 98.965 25.019 106.616s-14.2 16.74-18.493 26.744A80.3 80.3 0 0 0 0 164.928a80.3 80.3 0 0 0 6.433 31.586c4.264 10.017 10.52 19.121 18.414 26.795c7.893 7.673 17.268 13.764 27.59 17.925a87.5 87.5 0 0 0 32.567 6.326h.243z"/><path fill="#0cf" d="M85.256 217.923v29.57c22.576 0 44.228-8.693 60.192-24.167s24.933-36.463 24.933-58.347h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.511-38.59 15.529"/><path fill="#861dff" d="M85.256 52.944v29.57c22.576 0 44.228-8.693 60.192-24.168S170.381 21.884 170.381 0h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.51-38.59 15.529"/><path fill="#ff8110" d="M170.875 52.944v29.57c22.577 0 44.228-8.693 60.192-24.168C247.032 42.872 256 21.884 256 0h-30.523c-.01 14.036-5.765 27.495-16.002 37.421c-10.237 9.927-24.12 15.51-38.6 15.523"/></svg>

React

import type { SVGProps } from "react";

export function LogosOptimizelyIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#3be081" d="M85.256 135.865v29.79c22.73-.027 44.52-8.791 60.592-24.37c16.073-15.58 25.114-36.702 25.141-58.734h-30.732c-.018 14.134-5.819 27.685-16.13 37.68c-10.31 9.994-24.29 15.616-38.871 15.634"/><path fill="#0037ff" d="M85.247 217.922c-14.477 0-28.36-5.574-38.597-15.497s-15.987-23.38-15.987-37.413s5.75-27.49 15.987-37.413s24.12-15.497 38.597-15.497v-29.57a87.5 87.5 0 0 0-32.585 6.236C42.328 92.9 32.935 98.965 25.019 106.616s-14.2 16.74-18.493 26.744A80.3 80.3 0 0 0 0 164.928a80.3 80.3 0 0 0 6.433 31.586c4.264 10.017 10.52 19.121 18.414 26.795c7.893 7.673 17.268 13.764 27.59 17.925a87.5 87.5 0 0 0 32.567 6.326h.243z"/><path fill="#0cf" d="M85.256 217.923v29.57c22.576 0 44.228-8.693 60.192-24.167s24.933-36.463 24.933-58.347h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.511-38.59 15.529"/><path fill="#861dff" d="M85.256 52.944v29.57c22.576 0 44.228-8.693 60.192-24.168S170.381 21.884 170.381 0h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.51-38.59 15.529"/><path fill="#ff8110" d="M170.875 52.944v29.57c22.577 0 44.228-8.693 60.192-24.168C247.032 42.872 256 21.884 256 0h-30.523c-.01 14.036-5.765 27.495-16.002 37.421c-10.237 9.927-24.12 15.51-38.6 15.523"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 248"><path fill="#3be081" d="M85.256 135.865v29.79c22.73-.027 44.52-8.791 60.592-24.37c16.073-15.58 25.114-36.702 25.141-58.734h-30.732c-.018 14.134-5.819 27.685-16.13 37.68c-10.31 9.994-24.29 15.616-38.871 15.634"/><path fill="#0037ff" d="M85.247 217.922c-14.477 0-28.36-5.574-38.597-15.497s-15.987-23.38-15.987-37.413s5.75-27.49 15.987-37.413s24.12-15.497 38.597-15.497v-29.57a87.5 87.5 0 0 0-32.585 6.236C42.328 92.9 32.935 98.965 25.019 106.616s-14.2 16.74-18.493 26.744A80.3 80.3 0 0 0 0 164.928a80.3 80.3 0 0 0 6.433 31.586c4.264 10.017 10.52 19.121 18.414 26.795c7.893 7.673 17.268 13.764 27.59 17.925a87.5 87.5 0 0 0 32.567 6.326h.243z"/><path fill="#0cf" d="M85.256 217.923v29.57c22.576 0 44.228-8.693 60.192-24.167s24.933-36.463 24.933-58.347h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.511-38.59 15.529"/><path fill="#861dff" d="M85.256 52.944v29.57c22.576 0 44.228-8.693 60.192-24.168S170.381 21.884 170.381 0h-30.54c-.01 14.033-5.762 27.49-15.996 37.415c-10.233 9.926-24.112 15.51-38.59 15.529"/><path fill="#ff8110" d="M170.875 52.944v29.57c22.577 0 44.228-8.693 60.192-24.168C247.032 42.872 256 21.884 256 0h-30.523c-.01 14.036-5.765 27.495-16.002 37.421c-10.237 9.927-24.12 15.51-38.6 15.523"/></svg>
</template>

CSS

.icon-optimizely-icon {
  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%20248%22%3E%3Cpath%20fill%3D%22%233be081%22%20d%3D%22M85.256%20135.865v29.79c22.73-.027%2044.52-8.791%2060.592-24.37c16.073-15.58%2025.114-36.702%2025.141-58.734h-30.732c-.018%2014.134-5.819%2027.685-16.13%2037.68c-10.31%209.994-24.29%2015.616-38.871%2015.634%22%2F%3E%3Cpath%20fill%3D%22%230037ff%22%20d%3D%22M85.247%20217.922c-14.477%200-28.36-5.574-38.597-15.497s-15.987-23.38-15.987-37.413s5.75-27.49%2015.987-37.413s24.12-15.497%2038.597-15.497v-29.57a87.5%2087.5%200%200%200-32.585%206.236C42.328%2092.9%2032.935%2098.965%2025.019%20106.616s-14.2%2016.74-18.493%2026.744A80.3%2080.3%200%200%200%200%20164.928a80.3%2080.3%200%200%200%206.433%2031.586c4.264%2010.017%2010.52%2019.121%2018.414%2026.795c7.893%207.673%2017.268%2013.764%2027.59%2017.925a87.5%2087.5%200%200%200%2032.567%206.326h.243z%22%2F%3E%3Cpath%20fill%3D%22%230cf%22%20d%3D%22M85.256%20217.923v29.57c22.576%200%2044.228-8.693%2060.192-24.167s24.933-36.463%2024.933-58.347h-30.54c-.01%2014.033-5.762%2027.49-15.996%2037.415c-10.233%209.926-24.112%2015.511-38.59%2015.529%22%2F%3E%3Cpath%20fill%3D%22%23861dff%22%20d%3D%22M85.256%2052.944v29.57c22.576%200%2044.228-8.693%2060.192-24.168S170.381%2021.884%20170.381%200h-30.54c-.01%2014.033-5.762%2027.49-15.996%2037.415c-10.233%209.926-24.112%2015.51-38.59%2015.529%22%2F%3E%3Cpath%20fill%3D%22%23ff8110%22%20d%3D%22M170.875%2052.944v29.57c22.577%200%2044.228-8.693%2060.192-24.168C247.032%2042.872%20256%2021.884%20256%200h-30.523c-.01%2014.036-5.765%2027.495-16.002%2037.421c-10.237%209.927-24.12%2015.51-38.6%2015.523%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%20248%22%3E%3Cpath%20fill%3D%22%233be081%22%20d%3D%22M85.256%20135.865v29.79c22.73-.027%2044.52-8.791%2060.592-24.37c16.073-15.58%2025.114-36.702%2025.141-58.734h-30.732c-.018%2014.134-5.819%2027.685-16.13%2037.68c-10.31%209.994-24.29%2015.616-38.871%2015.634%22%2F%3E%3Cpath%20fill%3D%22%230037ff%22%20d%3D%22M85.247%20217.922c-14.477%200-28.36-5.574-38.597-15.497s-15.987-23.38-15.987-37.413s5.75-27.49%2015.987-37.413s24.12-15.497%2038.597-15.497v-29.57a87.5%2087.5%200%200%200-32.585%206.236C42.328%2092.9%2032.935%2098.965%2025.019%20106.616s-14.2%2016.74-18.493%2026.744A80.3%2080.3%200%200%200%200%20164.928a80.3%2080.3%200%200%200%206.433%2031.586c4.264%2010.017%2010.52%2019.121%2018.414%2026.795c7.893%207.673%2017.268%2013.764%2027.59%2017.925a87.5%2087.5%200%200%200%2032.567%206.326h.243z%22%2F%3E%3Cpath%20fill%3D%22%230cf%22%20d%3D%22M85.256%20217.923v29.57c22.576%200%2044.228-8.693%2060.192-24.167s24.933-36.463%2024.933-58.347h-30.54c-.01%2014.033-5.762%2027.49-15.996%2037.415c-10.233%209.926-24.112%2015.511-38.59%2015.529%22%2F%3E%3Cpath%20fill%3D%22%23861dff%22%20d%3D%22M85.256%2052.944v29.57c22.576%200%2044.228-8.693%2060.192-24.168S170.381%2021.884%20170.381%200h-30.54c-.01%2014.033-5.762%2027.49-15.996%2037.415c-10.233%209.926-24.112%2015.51-38.59%2015.529%22%2F%3E%3Cpath%20fill%3D%22%23ff8110%22%20d%3D%22M170.875%2052.944v29.57c22.577%200%2044.228-8.693%2060.192-24.168C247.032%2042.872%20256%2021.884%20256%200h-30.523c-.01%2014.036-5.765%2027.495-16.002%2037.421c-10.237%209.927-24.12%2015.51-38.6%2015.523%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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