runnable logo

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

Name
runnable
Set
SVG Logos
Style
Color
Viewbox
256×217
License
CC0

Use the runnable logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 217"><path d="M233.98 10.411L27.491.026C12.218-.585 0 9.8 0 23.24v9.775l255.973 7.942v-7.942c.61-12.218-9.164-21.993-21.993-22.604zM32.378 20.186c0 1.833-1.832 4.276-4.276 4.276H20.16c-1.833 0-4.276-1.833-4.276-4.276v-7.331c0-1.833 1.832-4.277 4.276-4.277h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33zm27.492.61c0 1.833-1.833 4.277-4.277 3.055h-7.33c-1.834 0-4.277-1.832-4.277-4.276v-7.331c0-1.833 1.833-4.276 4.276-3.055h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33h-.61zm26.269.612c0 1.832-1.833 4.276-4.277 3.054h-7.941c-1.833 0-4.277-1.833-4.277-4.276v-7.331c0-1.833 1.833-4.277 4.277-3.055h7.941c1.833 0 4.277 1.833 4.277 4.277v7.33zM0 193.685c0 13.44 12.83 23.215 27.491 23.215l206.489-10.386c12.218-.61 21.993-10.385 21.993-22.603V50.12L0 42.179v151.506zm114.852-96.524c-4.888-4.887-4.888-12.218 0-17.106c4.887-4.887 12.829-4.276 17.716 0l34.822 32.379c4.888 4.276 4.888 12.218 0 15.273l-34.822 32.989c-4.887 4.887-12.829 4.887-17.716 0c-4.888-4.276-4.888-12.218 0-17.106l26.27-24.436c0 2.443-26.27-21.993-26.27-21.993z" fill="#CCADD2"/></svg>

React

import type { SVGProps } from "react";

export function LogosRunnable(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 217"><path d="M233.98 10.411L27.491.026C12.218-.585 0 9.8 0 23.24v9.775l255.973 7.942v-7.942c.61-12.218-9.164-21.993-21.993-22.604zM32.378 20.186c0 1.833-1.832 4.276-4.276 4.276H20.16c-1.833 0-4.276-1.833-4.276-4.276v-7.331c0-1.833 1.832-4.277 4.276-4.277h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33zm27.492.61c0 1.833-1.833 4.277-4.277 3.055h-7.33c-1.834 0-4.277-1.832-4.277-4.276v-7.331c0-1.833 1.833-4.276 4.276-3.055h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33h-.61zm26.269.612c0 1.832-1.833 4.276-4.277 3.054h-7.941c-1.833 0-4.277-1.833-4.277-4.276v-7.331c0-1.833 1.833-4.277 4.277-3.055h7.941c1.833 0 4.277 1.833 4.277 4.277v7.33zM0 193.685c0 13.44 12.83 23.215 27.491 23.215l206.489-10.386c12.218-.61 21.993-10.385 21.993-22.603V50.12L0 42.179v151.506zm114.852-96.524c-4.888-4.887-4.888-12.218 0-17.106c4.887-4.887 12.829-4.276 17.716 0l34.822 32.379c4.888 4.276 4.888 12.218 0 15.273l-34.822 32.989c-4.887 4.887-12.829 4.887-17.716 0c-4.888-4.276-4.888-12.218 0-17.106l26.27-24.436c0 2.443-26.27-21.993-26.27-21.993z" fill="#CCADD2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 217"><path d="M233.98 10.411L27.491.026C12.218-.585 0 9.8 0 23.24v9.775l255.973 7.942v-7.942c.61-12.218-9.164-21.993-21.993-22.604zM32.378 20.186c0 1.833-1.832 4.276-4.276 4.276H20.16c-1.833 0-4.276-1.833-4.276-4.276v-7.331c0-1.833 1.832-4.277 4.276-4.277h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33zm27.492.61c0 1.833-1.833 4.277-4.277 3.055h-7.33c-1.834 0-4.277-1.832-4.277-4.276v-7.331c0-1.833 1.833-4.276 4.276-3.055h7.942c1.833 0 4.276 1.833 4.276 4.277v7.33h-.61zm26.269.612c0 1.832-1.833 4.276-4.277 3.054h-7.941c-1.833 0-4.277-1.833-4.277-4.276v-7.331c0-1.833 1.833-4.277 4.277-3.055h7.941c1.833 0 4.277 1.833 4.277 4.277v7.33zM0 193.685c0 13.44 12.83 23.215 27.491 23.215l206.489-10.386c12.218-.61 21.993-10.385 21.993-22.603V50.12L0 42.179v151.506zm114.852-96.524c-4.888-4.887-4.888-12.218 0-17.106c4.887-4.887 12.829-4.276 17.716 0l34.822 32.379c4.888 4.276 4.888 12.218 0 15.273l-34.822 32.989c-4.887 4.887-12.829 4.887-17.716 0c-4.888-4.276-4.888-12.218 0-17.106l26.27-24.436c0 2.443-26.27-21.993-26.27-21.993z" fill="#CCADD2"/></svg>
</template>

CSS

.icon-runnable {
  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%20217%22%3E%3Cpath%20d%3D%22M233.98%2010.411L27.491.026C12.218-.585%200%209.8%200%2023.24v9.775l255.973%207.942v-7.942c.61-12.218-9.164-21.993-21.993-22.604zM32.378%2020.186c0%201.833-1.832%204.276-4.276%204.276H20.16c-1.833%200-4.276-1.833-4.276-4.276v-7.331c0-1.833%201.832-4.277%204.276-4.277h7.942c1.833%200%204.276%201.833%204.276%204.277v7.33zm27.492.61c0%201.833-1.833%204.277-4.277%203.055h-7.33c-1.834%200-4.277-1.832-4.277-4.276v-7.331c0-1.833%201.833-4.276%204.276-3.055h7.942c1.833%200%204.276%201.833%204.276%204.277v7.33h-.61zm26.269.612c0%201.832-1.833%204.276-4.277%203.054h-7.941c-1.833%200-4.277-1.833-4.277-4.276v-7.331c0-1.833%201.833-4.277%204.277-3.055h7.941c1.833%200%204.277%201.833%204.277%204.277v7.33zM0%20193.685c0%2013.44%2012.83%2023.215%2027.491%2023.215l206.489-10.386c12.218-.61%2021.993-10.385%2021.993-22.603V50.12L0%2042.179v151.506zm114.852-96.524c-4.888-4.887-4.888-12.218%200-17.106c4.887-4.887%2012.829-4.276%2017.716%200l34.822%2032.379c4.888%204.276%204.888%2012.218%200%2015.273l-34.822%2032.989c-4.887%204.887-12.829%204.887-17.716%200c-4.888-4.276-4.888-12.218%200-17.106l26.27-24.436c0%202.443-26.27-21.993-26.27-21.993z%22%20fill%3D%22%23CCADD2%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%20217%22%3E%3Cpath%20d%3D%22M233.98%2010.411L27.491.026C12.218-.585%200%209.8%200%2023.24v9.775l255.973%207.942v-7.942c.61-12.218-9.164-21.993-21.993-22.604zM32.378%2020.186c0%201.833-1.832%204.276-4.276%204.276H20.16c-1.833%200-4.276-1.833-4.276-4.276v-7.331c0-1.833%201.832-4.277%204.276-4.277h7.942c1.833%200%204.276%201.833%204.276%204.277v7.33zm27.492.61c0%201.833-1.833%204.277-4.277%203.055h-7.33c-1.834%200-4.277-1.832-4.277-4.276v-7.331c0-1.833%201.833-4.276%204.276-3.055h7.942c1.833%200%204.276%201.833%204.276%204.277v7.33h-.61zm26.269.612c0%201.832-1.833%204.276-4.277%203.054h-7.941c-1.833%200-4.277-1.833-4.277-4.276v-7.331c0-1.833%201.833-4.277%204.277-3.055h7.941c1.833%200%204.277%201.833%204.277%204.277v7.33zM0%20193.685c0%2013.44%2012.83%2023.215%2027.491%2023.215l206.489-10.386c12.218-.61%2021.993-10.385%2021.993-22.603V50.12L0%2042.179v151.506zm114.852-96.524c-4.888-4.887-4.888-12.218%200-17.106c4.887-4.887%2012.829-4.276%2017.716%200l34.822%2032.379c4.888%204.276%204.888%2012.218%200%2015.273l-34.822%2032.989c-4.887%204.887-12.829%204.887-17.716%200c-4.888-4.276-4.888-12.218%200-17.106l26.27-24.436c0%202.443-26.27-21.993-26.27-21.993z%22%20fill%3D%22%23CCADD2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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