segment icon logo

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

Name
segment-icon
Set
SVG Logos
Style
Color
Viewbox
256×265
License
CC0

Use the segment icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 265"><path fill="#4fb58b" d="m233.56 141.927l.17.013l17.892 1.87a4.93 4.93 0 0 1 3.225 1.707l.133.163l-.17.085a4.93 4.93 0 0 1 1.02 3.74a133.27 133.27 0 0 1-41.604 81.083a128.86 128.86 0 0 1-87.629 34.38a127.5 127.5 0 0 1-46.156-8.57l-.802-.312a4.72 4.72 0 0 1-2.686-2.533l-.077-.187a4.9 4.9 0 0 1-.083-3.66l7.062-17.23a4.846 4.846 0 0 1 6.118-2.799l.163.06c36.097 13.939 76.98 6.089 105.349-20.227a104.46 104.46 0 0 0 32.891-63.32a4.93 4.93 0 0 1 5.013-4.27zm-190.08 64.31l.251-.002l.253.002c8.12.093 14.658 6.659 14.746 14.749v.253l-.002.252c-.141 8.284-6.97 14.886-15.254 14.745s-14.885-6.97-14.745-15.254c.139-8.115 6.695-14.615 14.75-14.745M4.93 147.082h146.316a4.973 4.973 0 0 1 4.928 4.844l.002.171v18.316a4.974 4.974 0 0 1-4.76 5.01l-.17.005H4.93A4.975 4.975 0 0 1 0 170.584v-18.659a4.975 4.975 0 0 1 4.755-4.838zM169.56 7.311a4.97 4.97 0 0 1 2.848 2.635a5.1 5.1 0 0 1 0 3.867l-6.375 16.999a4.845 4.845 0 0 1-6.162 2.974A101.23 101.23 0 0 0 62.13 51.252a105.27 105.27 0 0 0-34.507 54.99a4.93 4.93 0 0 1-4.76 3.698h-1.105L4.25 105.733a4.9 4.9 0 0 1-3.103-2.295h-.085A4.93 4.93 0 0 1 .51 99.57a133.4 133.4 0 0 1 44.41-70.204C79.739.7 127.019-7.666 169.56 7.311m-64.807 73.434H251.07a4.97 4.97 0 0 1 4.922 4.67l.008.174v18.317a4.973 4.973 0 0 1-4.76 5.01l-.17.005H104.754a4.97 4.97 0 0 1-4.886-4.842l-.002-.173V85.759a4.97 4.97 0 0 1 4.715-5.008zm101.572-55.883l.252-.002l.253.002c8.12.093 14.658 6.659 14.746 14.748v.253q0 .128-.002.253c-.14 8.284-6.97 14.885-15.254 14.744c-8.284-.14-14.885-6.97-14.744-15.253c.138-8.116 6.694-14.616 14.749-14.745"/></svg>

React

import type { SVGProps } from "react";

export function LogosSegmentIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 265"><path fill="#4fb58b" d="m233.56 141.927l.17.013l17.892 1.87a4.93 4.93 0 0 1 3.225 1.707l.133.163l-.17.085a4.93 4.93 0 0 1 1.02 3.74a133.27 133.27 0 0 1-41.604 81.083a128.86 128.86 0 0 1-87.629 34.38a127.5 127.5 0 0 1-46.156-8.57l-.802-.312a4.72 4.72 0 0 1-2.686-2.533l-.077-.187a4.9 4.9 0 0 1-.083-3.66l7.062-17.23a4.846 4.846 0 0 1 6.118-2.799l.163.06c36.097 13.939 76.98 6.089 105.349-20.227a104.46 104.46 0 0 0 32.891-63.32a4.93 4.93 0 0 1 5.013-4.27zm-190.08 64.31l.251-.002l.253.002c8.12.093 14.658 6.659 14.746 14.749v.253l-.002.252c-.141 8.284-6.97 14.886-15.254 14.745s-14.885-6.97-14.745-15.254c.139-8.115 6.695-14.615 14.75-14.745M4.93 147.082h146.316a4.973 4.973 0 0 1 4.928 4.844l.002.171v18.316a4.974 4.974 0 0 1-4.76 5.01l-.17.005H4.93A4.975 4.975 0 0 1 0 170.584v-18.659a4.975 4.975 0 0 1 4.755-4.838zM169.56 7.311a4.97 4.97 0 0 1 2.848 2.635a5.1 5.1 0 0 1 0 3.867l-6.375 16.999a4.845 4.845 0 0 1-6.162 2.974A101.23 101.23 0 0 0 62.13 51.252a105.27 105.27 0 0 0-34.507 54.99a4.93 4.93 0 0 1-4.76 3.698h-1.105L4.25 105.733a4.9 4.9 0 0 1-3.103-2.295h-.085A4.93 4.93 0 0 1 .51 99.57a133.4 133.4 0 0 1 44.41-70.204C79.739.7 127.019-7.666 169.56 7.311m-64.807 73.434H251.07a4.97 4.97 0 0 1 4.922 4.67l.008.174v18.317a4.973 4.973 0 0 1-4.76 5.01l-.17.005H104.754a4.97 4.97 0 0 1-4.886-4.842l-.002-.173V85.759a4.97 4.97 0 0 1 4.715-5.008zm101.572-55.883l.252-.002l.253.002c8.12.093 14.658 6.659 14.746 14.748v.253q0 .128-.002.253c-.14 8.284-6.97 14.885-15.254 14.744c-8.284-.14-14.885-6.97-14.744-15.253c.138-8.116 6.694-14.616 14.749-14.745"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 265"><path fill="#4fb58b" d="m233.56 141.927l.17.013l17.892 1.87a4.93 4.93 0 0 1 3.225 1.707l.133.163l-.17.085a4.93 4.93 0 0 1 1.02 3.74a133.27 133.27 0 0 1-41.604 81.083a128.86 128.86 0 0 1-87.629 34.38a127.5 127.5 0 0 1-46.156-8.57l-.802-.312a4.72 4.72 0 0 1-2.686-2.533l-.077-.187a4.9 4.9 0 0 1-.083-3.66l7.062-17.23a4.846 4.846 0 0 1 6.118-2.799l.163.06c36.097 13.939 76.98 6.089 105.349-20.227a104.46 104.46 0 0 0 32.891-63.32a4.93 4.93 0 0 1 5.013-4.27zm-190.08 64.31l.251-.002l.253.002c8.12.093 14.658 6.659 14.746 14.749v.253l-.002.252c-.141 8.284-6.97 14.886-15.254 14.745s-14.885-6.97-14.745-15.254c.139-8.115 6.695-14.615 14.75-14.745M4.93 147.082h146.316a4.973 4.973 0 0 1 4.928 4.844l.002.171v18.316a4.974 4.974 0 0 1-4.76 5.01l-.17.005H4.93A4.975 4.975 0 0 1 0 170.584v-18.659a4.975 4.975 0 0 1 4.755-4.838zM169.56 7.311a4.97 4.97 0 0 1 2.848 2.635a5.1 5.1 0 0 1 0 3.867l-6.375 16.999a4.845 4.845 0 0 1-6.162 2.974A101.23 101.23 0 0 0 62.13 51.252a105.27 105.27 0 0 0-34.507 54.99a4.93 4.93 0 0 1-4.76 3.698h-1.105L4.25 105.733a4.9 4.9 0 0 1-3.103-2.295h-.085A4.93 4.93 0 0 1 .51 99.57a133.4 133.4 0 0 1 44.41-70.204C79.739.7 127.019-7.666 169.56 7.311m-64.807 73.434H251.07a4.97 4.97 0 0 1 4.922 4.67l.008.174v18.317a4.973 4.973 0 0 1-4.76 5.01l-.17.005H104.754a4.97 4.97 0 0 1-4.886-4.842l-.002-.173V85.759a4.97 4.97 0 0 1 4.715-5.008zm101.572-55.883l.252-.002l.253.002c8.12.093 14.658 6.659 14.746 14.748v.253q0 .128-.002.253c-.14 8.284-6.97 14.885-15.254 14.744c-8.284-.14-14.885-6.97-14.744-15.253c.138-8.116 6.694-14.616 14.749-14.745"/></svg>
</template>

CSS

.icon-segment-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%20265%22%3E%3Cpath%20fill%3D%22%234fb58b%22%20d%3D%22m233.56%20141.927l.17.013l17.892%201.87a4.93%204.93%200%200%201%203.225%201.707l.133.163l-.17.085a4.93%204.93%200%200%201%201.02%203.74a133.27%20133.27%200%200%201-41.604%2081.083a128.86%20128.86%200%200%201-87.629%2034.38a127.5%20127.5%200%200%201-46.156-8.57l-.802-.312a4.72%204.72%200%200%201-2.686-2.533l-.077-.187a4.9%204.9%200%200%201-.083-3.66l7.062-17.23a4.846%204.846%200%200%201%206.118-2.799l.163.06c36.097%2013.939%2076.98%206.089%20105.349-20.227a104.46%20104.46%200%200%200%2032.891-63.32a4.93%204.93%200%200%201%205.013-4.27zm-190.08%2064.31l.251-.002l.253.002c8.12.093%2014.658%206.659%2014.746%2014.749v.253l-.002.252c-.141%208.284-6.97%2014.886-15.254%2014.745s-14.885-6.97-14.745-15.254c.139-8.115%206.695-14.615%2014.75-14.745M4.93%20147.082h146.316a4.973%204.973%200%200%201%204.928%204.844l.002.171v18.316a4.974%204.974%200%200%201-4.76%205.01l-.17.005H4.93A4.975%204.975%200%200%201%200%20170.584v-18.659a4.975%204.975%200%200%201%204.755-4.838zM169.56%207.311a4.97%204.97%200%200%201%202.848%202.635a5.1%205.1%200%200%201%200%203.867l-6.375%2016.999a4.845%204.845%200%200%201-6.162%202.974A101.23%20101.23%200%200%200%2062.13%2051.252a105.27%20105.27%200%200%200-34.507%2054.99a4.93%204.93%200%200%201-4.76%203.698h-1.105L4.25%20105.733a4.9%204.9%200%200%201-3.103-2.295h-.085A4.93%204.93%200%200%201%20.51%2099.57a133.4%20133.4%200%200%201%2044.41-70.204C79.739.7%20127.019-7.666%20169.56%207.311m-64.807%2073.434H251.07a4.97%204.97%200%200%201%204.922%204.67l.008.174v18.317a4.973%204.973%200%200%201-4.76%205.01l-.17.005H104.754a4.97%204.97%200%200%201-4.886-4.842l-.002-.173V85.759a4.97%204.97%200%200%201%204.715-5.008zm101.572-55.883l.252-.002l.253.002c8.12.093%2014.658%206.659%2014.746%2014.748v.253q0%20.128-.002.253c-.14%208.284-6.97%2014.885-15.254%2014.744c-8.284-.14-14.885-6.97-14.744-15.253c.138-8.116%206.694-14.616%2014.749-14.745%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%20265%22%3E%3Cpath%20fill%3D%22%234fb58b%22%20d%3D%22m233.56%20141.927l.17.013l17.892%201.87a4.93%204.93%200%200%201%203.225%201.707l.133.163l-.17.085a4.93%204.93%200%200%201%201.02%203.74a133.27%20133.27%200%200%201-41.604%2081.083a128.86%20128.86%200%200%201-87.629%2034.38a127.5%20127.5%200%200%201-46.156-8.57l-.802-.312a4.72%204.72%200%200%201-2.686-2.533l-.077-.187a4.9%204.9%200%200%201-.083-3.66l7.062-17.23a4.846%204.846%200%200%201%206.118-2.799l.163.06c36.097%2013.939%2076.98%206.089%20105.349-20.227a104.46%20104.46%200%200%200%2032.891-63.32a4.93%204.93%200%200%201%205.013-4.27zm-190.08%2064.31l.251-.002l.253.002c8.12.093%2014.658%206.659%2014.746%2014.749v.253l-.002.252c-.141%208.284-6.97%2014.886-15.254%2014.745s-14.885-6.97-14.745-15.254c.139-8.115%206.695-14.615%2014.75-14.745M4.93%20147.082h146.316a4.973%204.973%200%200%201%204.928%204.844l.002.171v18.316a4.974%204.974%200%200%201-4.76%205.01l-.17.005H4.93A4.975%204.975%200%200%201%200%20170.584v-18.659a4.975%204.975%200%200%201%204.755-4.838zM169.56%207.311a4.97%204.97%200%200%201%202.848%202.635a5.1%205.1%200%200%201%200%203.867l-6.375%2016.999a4.845%204.845%200%200%201-6.162%202.974A101.23%20101.23%200%200%200%2062.13%2051.252a105.27%20105.27%200%200%200-34.507%2054.99a4.93%204.93%200%200%201-4.76%203.698h-1.105L4.25%20105.733a4.9%204.9%200%200%201-3.103-2.295h-.085A4.93%204.93%200%200%201%20.51%2099.57a133.4%20133.4%200%200%201%2044.41-70.204C79.739.7%20127.019-7.666%20169.56%207.311m-64.807%2073.434H251.07a4.97%204.97%200%200%201%204.922%204.67l.008.174v18.317a4.973%204.973%200%200%201-4.76%205.01l-.17.005H104.754a4.97%204.97%200%200%201-4.886-4.842l-.002-.173V85.759a4.97%204.97%200%200%201%204.715-5.008zm101.572-55.883l.252-.002l.253.002c8.12.093%2014.658%206.659%2014.746%2014.748v.253q0%20.128-.002.253c-.14%208.284-6.97%2014.885-15.254%2014.744c-8.284-.14-14.885-6.97-14.744-15.253c.138-8.116%206.694-14.616%2014.749-14.745%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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