9gag logo

9gag from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
9gag
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the 9gag logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.279 21.008l5.193-2.995V5.992l-5.193-2.996C14.423 1.348 12.048 0 12 0S9.577 1.348 6.721 2.996L1.528 5.992v2.354l5.193 2.996c2.856 1.648 5.232 2.996 5.28 2.996s1.469-.797 3.157-1.772a230 230 0 0 1 3.097-1.772c.016 0 .027 1.096.027 2.437l-.002 2.436l-3.076 1.772c-1.692.975-3.115 1.783-3.163 1.795s-1.471-.776-3.162-1.752s-3.113-1.775-3.161-1.775c-.155 0-4.036 2.274-4.011 2.35c.031.093 10.136 5.937 10.276 5.943c.057.002 2.44-1.344 5.296-2.992M9.847 8.391c-1.118-.65-2.033-1.2-2.033-1.222c0-.071 4.06-2.376 4.186-2.376c.125 0 4.186 2.305 4.186 2.376c0 .063-4.047 2.375-4.184 2.39c-.068.007-1.037-.519-2.155-1.168"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIcons9gag(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.279 21.008l5.193-2.995V5.992l-5.193-2.996C14.423 1.348 12.048 0 12 0S9.577 1.348 6.721 2.996L1.528 5.992v2.354l5.193 2.996c2.856 1.648 5.232 2.996 5.28 2.996s1.469-.797 3.157-1.772a230 230 0 0 1 3.097-1.772c.016 0 .027 1.096.027 2.437l-.002 2.436l-3.076 1.772c-1.692.975-3.115 1.783-3.163 1.795s-1.471-.776-3.162-1.752s-3.113-1.775-3.161-1.775c-.155 0-4.036 2.274-4.011 2.35c.031.093 10.136 5.937 10.276 5.943c.057.002 2.44-1.344 5.296-2.992M9.847 8.391c-1.118-.65-2.033-1.2-2.033-1.222c0-.071 4.06-2.376 4.186-2.376c.125 0 4.186 2.305 4.186 2.376c0 .063-4.047 2.375-4.184 2.39c-.068.007-1.037-.519-2.155-1.168"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.279 21.008l5.193-2.995V5.992l-5.193-2.996C14.423 1.348 12.048 0 12 0S9.577 1.348 6.721 2.996L1.528 5.992v2.354l5.193 2.996c2.856 1.648 5.232 2.996 5.28 2.996s1.469-.797 3.157-1.772a230 230 0 0 1 3.097-1.772c.016 0 .027 1.096.027 2.437l-.002 2.436l-3.076 1.772c-1.692.975-3.115 1.783-3.163 1.795s-1.471-.776-3.162-1.752s-3.113-1.775-3.161-1.775c-.155 0-4.036 2.274-4.011 2.35c.031.093 10.136 5.937 10.276 5.943c.057.002 2.44-1.344 5.296-2.992M9.847 8.391c-1.118-.65-2.033-1.2-2.033-1.222c0-.071 4.06-2.376 4.186-2.376c.125 0 4.186 2.305 4.186 2.376c0 .063-4.047 2.375-4.184 2.39c-.068.007-1.037-.519-2.155-1.168"/></svg>
</template>

CSS

.icon-9gag {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.279%2021.008l5.193-2.995V5.992l-5.193-2.996C14.423%201.348%2012.048%200%2012%200S9.577%201.348%206.721%202.996L1.528%205.992v2.354l5.193%202.996c2.856%201.648%205.232%202.996%205.28%202.996s1.469-.797%203.157-1.772a230%20230%200%200%201%203.097-1.772c.016%200%20.027%201.096.027%202.437l-.002%202.436l-3.076%201.772c-1.692.975-3.115%201.783-3.163%201.795s-1.471-.776-3.162-1.752s-3.113-1.775-3.161-1.775c-.155%200-4.036%202.274-4.011%202.35c.031.093%2010.136%205.937%2010.276%205.943c.057.002%202.44-1.344%205.296-2.992M9.847%208.391c-1.118-.65-2.033-1.2-2.033-1.222c0-.071%204.06-2.376%204.186-2.376c.125%200%204.186%202.305%204.186%202.376c0%20.063-4.047%202.375-4.184%202.39c-.068.007-1.037-.519-2.155-1.168%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.279%2021.008l5.193-2.995V5.992l-5.193-2.996C14.423%201.348%2012.048%200%2012%200S9.577%201.348%206.721%202.996L1.528%205.992v2.354l5.193%202.996c2.856%201.648%205.232%202.996%205.28%202.996s1.469-.797%203.157-1.772a230%20230%200%200%201%203.097-1.772c.016%200%20.027%201.096.027%202.437l-.002%202.436l-3.076%201.772c-1.692.975-3.115%201.783-3.163%201.795s-1.471-.776-3.162-1.752s-3.113-1.775-3.161-1.775c-.155%200-4.036%202.274-4.011%202.35c.031.093%2010.136%205.937%2010.276%205.943c.057.002%202.44-1.344%205.296-2.992M9.847%208.391c-1.118-.65-2.033-1.2-2.033-1.222c0-.071%204.06-2.376%204.186-2.376c.125%200%204.186%202.305%204.186%202.376c0%20.063-4.047%202.375-4.184%202.39c-.068.007-1.037-.519-2.155-1.168%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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