webkit logo

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

Name
webkit
Set
SVG Logos
Style
Color
Viewbox
256×283
License
CC0

Use the webkit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><defs><linearGradient id="SVGnSlmYqfV" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#34aadc"/><stop offset="100%" stop-color="#007aff"/></linearGradient></defs><path fill="#ff9d00" d="M242.794 157.204c17.608 13.732 17.608 36.323 0 50.166l-82.85 65.116c-17.609 13.732-46.28 13.732-63.888 0l-82.85-65.006c-17.608-13.732-17.608-36.323 0-50.166l82.85-65.116c17.609-13.732 46.28-13.732 63.888 0z"/><path fill-opacity=".1" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill="#fc0" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill-opacity=".1" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="url(#SVGnSlmYqfV)" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="#fff" d="M128.287 163.176c42.524 0 76.996-28.178 76.996-62.937S170.811 37.3 128.287 37.3s-76.995 28.18-76.995 62.94s34.472 62.937 76.995 62.937m0 6.48c-46.9 0-84.921-31.08-84.921-69.417s38.02-69.417 84.921-69.417s84.922 31.079 84.922 69.417s-38.02 69.416-84.922 69.416"/><path fill="#8cc8f6" d="M133.962 126.953c4.257-.557 8.406-1.744 12.204-3.56l24.237 9.963l-12.696-19.02c6.678-8.602 6.678-19.498 0-28.1l12.696-19.02l-22.843 9.39l-.656 10.043c9.338 7.832 9.1 20.2-.604 27.76c-2.476 1.98-5.319 3.37-8.305 4.358zm-11.33-53.35c-7.03.913-12.299 3.575-12.299 3.575l-24.215-9.962l12.696 19.02c-6.678 8.602-6.678 19.498 0 28.1l-12.696 19.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061 7.508-4.244 8.289-4.36z"/><path fill="#fff" d="m116.64 98.162l-3.226 57.174l26.118-53.025l3.74-57.066zm-.338 46.185l20.92-42.446l-18.332-3.345z"/></svg>

React

import type { SVGProps } from "react";

export function LogosWebkit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><defs><linearGradient id="SVGnSlmYqfV" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#34aadc"/><stop offset="100%" stopColor="#007aff"/></linearGradient></defs><path fill="#ff9d00" d="M242.794 157.204c17.608 13.732 17.608 36.323 0 50.166l-82.85 65.116c-17.609 13.732-46.28 13.732-63.888 0l-82.85-65.006c-17.608-13.732-17.608-36.323 0-50.166l82.85-65.116c17.609-13.732 46.28-13.732 63.888 0z"/><path fillOpacity=".1" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill="#fc0" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fillOpacity=".1" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="url(#SVGnSlmYqfV)" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="#fff" d="M128.287 163.176c42.524 0 76.996-28.178 76.996-62.937S170.811 37.3 128.287 37.3s-76.995 28.18-76.995 62.94s34.472 62.937 76.995 62.937m0 6.48c-46.9 0-84.921-31.08-84.921-69.417s38.02-69.417 84.921-69.417s84.922 31.079 84.922 69.417s-38.02 69.416-84.922 69.416"/><path fill="#8cc8f6" d="M133.962 126.953c4.257-.557 8.406-1.744 12.204-3.56l24.237 9.963l-12.696-19.02c6.678-8.602 6.678-19.498 0-28.1l12.696-19.02l-22.843 9.39l-.656 10.043c9.338 7.832 9.1 20.2-.604 27.76c-2.476 1.98-5.319 3.37-8.305 4.358zm-11.33-53.35c-7.03.913-12.299 3.575-12.299 3.575l-24.215-9.962l12.696 19.02c-6.678 8.602-6.678 19.498 0 28.1l-12.696 19.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061 7.508-4.244 8.289-4.36z"/><path fill="#fff" d="m116.64 98.162l-3.226 57.174l26.118-53.025l3.74-57.066zm-.338 46.185l20.92-42.446l-18.332-3.345z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 283"><defs><linearGradient id="SVGnSlmYqfV" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#34aadc"/><stop offset="100%" stop-color="#007aff"/></linearGradient></defs><path fill="#ff9d00" d="M242.794 157.204c17.608 13.732 17.608 36.323 0 50.166l-82.85 65.116c-17.609 13.732-46.28 13.732-63.888 0l-82.85-65.006c-17.608-13.732-17.608-36.323 0-50.166l82.85-65.116c17.609-13.732 46.28-13.732 63.888 0z"/><path fill-opacity=".1" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill="#fc0" d="M96.255 231.842L13.038 166.44C4.648 159.867 0 151.065 0 141.706s4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25"/><path fill-opacity=".1" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="url(#SVGnSlmYqfV)" d="m96.255 190.635l-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25"/><path fill="#fff" d="M128.287 163.176c42.524 0 76.996-28.178 76.996-62.937S170.811 37.3 128.287 37.3s-76.995 28.18-76.995 62.94s34.472 62.937 76.995 62.937m0 6.48c-46.9 0-84.921-31.08-84.921-69.417s38.02-69.417 84.921-69.417s84.922 31.079 84.922 69.417s-38.02 69.416-84.922 69.416"/><path fill="#8cc8f6" d="M133.962 126.953c4.257-.557 8.406-1.744 12.204-3.56l24.237 9.963l-12.696-19.02c6.678-8.602 6.678-19.498 0-28.1l12.696-19.02l-22.843 9.39l-.656 10.043c9.338 7.832 9.1 20.2-.604 27.76c-2.476 1.98-5.319 3.37-8.305 4.358zm-11.33-53.35c-7.03.913-12.299 3.575-12.299 3.575l-24.215-9.962l12.696 19.02c-6.678 8.602-6.678 19.498 0 28.1l-12.696 19.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061 7.508-4.244 8.289-4.36z"/><path fill="#fff" d="m116.64 98.162l-3.226 57.174l26.118-53.025l3.74-57.066zm-.338 46.185l20.92-42.446l-18.332-3.345z"/></svg>
</template>

CSS

.icon-webkit {
  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%20283%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnSlmYqfV%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2334aadc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23007aff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ff9d00%22%20d%3D%22M242.794%20157.204c17.608%2013.732%2017.608%2036.323%200%2050.166l-82.85%2065.116c-17.609%2013.732-46.28%2013.732-63.888%200l-82.85-65.006c-17.608-13.732-17.608-36.323%200-50.166l82.85-65.116c17.609-13.732%2046.28-13.732%2063.888%200z%22%2F%3E%3Cpath%20fill-opacity%3D%22.1%22%20d%3D%22M96.255%20231.842L13.038%20166.44C4.648%20159.867%200%20151.065%200%20141.706s4.648-18.161%2013.038-24.735l83.217-65.513c8.39-6.574%2019.727-10.25%2031.745-10.25s23.242%203.676%2031.745%2010.25l83.217%2065.402c8.39%206.573%2013.038%2015.375%2013.038%2024.734s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.362-31.745%2010.362s-23.242-3.677-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22M96.255%20231.842L13.038%20166.44C4.648%20159.867%200%20151.065%200%20141.706s4.648-18.161%2013.038-24.735l83.217-65.513c8.39-6.574%2019.727-10.25%2031.745-10.25s23.242%203.676%2031.745%2010.25l83.217%2065.402c8.39%206.573%2013.038%2015.375%2013.038%2024.734s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.362-31.745%2010.362s-23.242-3.677-31.745-10.25%22%2F%3E%3Cpath%20fill-opacity%3D%22.1%22%20d%3D%22m96.255%20190.635l-83.217-65.402C4.648%20118.659%200%20109.857%200%20100.498s4.648-18.16%2013.038-24.734L96.255%2010.25C104.645%203.677%20115.982%200%20128%200s23.242%203.677%2031.745%2010.25l83.217%2065.402C251.352%2082.226%20256%2091.028%20256%20100.387s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.361-31.745%2010.361s-23.242-3.676-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnSlmYqfV)%22%20d%3D%22m96.255%20190.635l-83.217-65.402C4.648%20118.659%200%20109.857%200%20100.498s4.648-18.16%2013.038-24.734L96.255%2010.25C104.645%203.677%20115.982%200%20128%200s23.242%203.677%2031.745%2010.25l83.217%2065.402C251.352%2082.226%20256%2091.028%20256%20100.387s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.361-31.745%2010.361s-23.242-3.676-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.287%20163.176c42.524%200%2076.996-28.178%2076.996-62.937S170.811%2037.3%20128.287%2037.3s-76.995%2028.18-76.995%2062.94s34.472%2062.937%2076.995%2062.937m0%206.48c-46.9%200-84.921-31.08-84.921-69.417s38.02-69.417%2084.921-69.417s84.922%2031.079%2084.922%2069.417s-38.02%2069.416-84.922%2069.416%22%2F%3E%3Cpath%20fill%3D%22%238cc8f6%22%20d%3D%22M133.962%20126.953c4.257-.557%208.406-1.744%2012.204-3.56l24.237%209.963l-12.696-19.02c6.678-8.602%206.678-19.498%200-28.1l12.696-19.02l-22.843%209.39l-.656%2010.043c9.338%207.832%209.1%2020.2-.604%2027.76c-2.476%201.98-5.319%203.37-8.305%204.358zm-11.33-53.35c-7.03.913-12.299%203.575-12.299%203.575l-24.215-9.962l12.696%2019.02c-6.678%208.602-6.678%2019.498%200%2028.1l-12.696%2019.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061%207.508-4.244%208.289-4.36z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m116.64%2098.162l-3.226%2057.174l26.118-53.025l3.74-57.066zm-.338%2046.185l20.92-42.446l-18.332-3.345z%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%20283%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnSlmYqfV%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2334aadc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23007aff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ff9d00%22%20d%3D%22M242.794%20157.204c17.608%2013.732%2017.608%2036.323%200%2050.166l-82.85%2065.116c-17.609%2013.732-46.28%2013.732-63.888%200l-82.85-65.006c-17.608-13.732-17.608-36.323%200-50.166l82.85-65.116c17.609-13.732%2046.28-13.732%2063.888%200z%22%2F%3E%3Cpath%20fill-opacity%3D%22.1%22%20d%3D%22M96.255%20231.842L13.038%20166.44C4.648%20159.867%200%20151.065%200%20141.706s4.648-18.161%2013.038-24.735l83.217-65.513c8.39-6.574%2019.727-10.25%2031.745-10.25s23.242%203.676%2031.745%2010.25l83.217%2065.402c8.39%206.573%2013.038%2015.375%2013.038%2024.734s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.362-31.745%2010.362s-23.242-3.677-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22%23fc0%22%20d%3D%22M96.255%20231.842L13.038%20166.44C4.648%20159.867%200%20151.065%200%20141.706s4.648-18.161%2013.038-24.735l83.217-65.513c8.39-6.574%2019.727-10.25%2031.745-10.25s23.242%203.676%2031.745%2010.25l83.217%2065.402c8.39%206.573%2013.038%2015.375%2013.038%2024.734s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.362-31.745%2010.362s-23.242-3.677-31.745-10.25%22%2F%3E%3Cpath%20fill-opacity%3D%22.1%22%20d%3D%22m96.255%20190.635l-83.217-65.402C4.648%20118.659%200%20109.857%200%20100.498s4.648-18.16%2013.038-24.734L96.255%2010.25C104.645%203.677%20115.982%200%20128%200s23.242%203.677%2031.745%2010.25l83.217%2065.402C251.352%2082.226%20256%2091.028%20256%20100.387s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.361-31.745%2010.361s-23.242-3.676-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnSlmYqfV)%22%20d%3D%22m96.255%20190.635l-83.217-65.402C4.648%20118.659%200%20109.857%200%20100.498s4.648-18.16%2013.038-24.734L96.255%2010.25C104.645%203.677%20115.982%200%20128%200s23.242%203.677%2031.745%2010.25l83.217%2065.402C251.352%2082.226%20256%2091.028%20256%20100.387s-4.648%2018.161-13.038%2024.735l-83.217%2065.402c-8.503%206.685-19.727%2010.361-31.745%2010.361s-23.242-3.676-31.745-10.25%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128.287%20163.176c42.524%200%2076.996-28.178%2076.996-62.937S170.811%2037.3%20128.287%2037.3s-76.995%2028.18-76.995%2062.94s34.472%2062.937%2076.995%2062.937m0%206.48c-46.9%200-84.921-31.08-84.921-69.417s38.02-69.417%2084.921-69.417s84.922%2031.079%2084.922%2069.417s-38.02%2069.416-84.922%2069.416%22%2F%3E%3Cpath%20fill%3D%22%238cc8f6%22%20d%3D%22M133.962%20126.953c4.257-.557%208.406-1.744%2012.204-3.56l24.237%209.963l-12.696-19.02c6.678-8.602%206.678-19.498%200-28.1l12.696-19.02l-22.843%209.39l-.656%2010.043c9.338%207.832%209.1%2020.2-.604%2027.76c-2.476%201.98-5.319%203.37-8.305%204.358zm-11.33-53.35c-7.03.913-12.299%203.575-12.299%203.575l-24.215-9.962l12.696%2019.02c-6.678%208.602-6.678%2019.498%200%2028.1l-12.696%2019.02l23.467-9.646l.5-9.407c-9.817-7.809-9.738-20.301.16-28.144c2.302-2.061%207.508-4.244%208.289-4.36z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m116.64%2098.162l-3.226%2057.174l26.118-53.025l3.74-57.066zm-.338%2046.185l20.92-42.446l-18.332-3.345z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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