scrapbox logo
scrapbox from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- scrapbox
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the scrapbox logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 3c.194 0 .388.04.535.117l4.93 2.592c.296.156.295.406 0 .562L12.32 8.977c-.177.092-.177.244 0 .337l5.145 2.706c.183.096.342.286.44.498l-4.987 2.623a.53.53 0 0 0-.281.476v.002a.54.54 0 0 0 .281.479l4.836 2.545a1 1 0 0 1-.29.248l-4.929 2.591c-.296.156-.774.156-1.07 0l-4.93-2.591c-.296-.156-.295-.407 0-.563l5.145-2.705c.176-.092.177-.245 0-.338L6.535 12.58a1 1 0 0 1-.373-.367l4.942-2.57a.52.52 0 0 0 .279-.26a.55.55 0 0 0 0-.48a.52.52 0 0 0-.28-.258l-4.939-2.57a1 1 0 0 1 .371-.366l4.93-2.592A1.2 1.2 0 0 1 12 3M6 7.176l3.781 1.967L6 11.109zm12 6.48v3.926l-3.732-1.963z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsScrapbox(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="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 3c.194 0 .388.04.535.117l4.93 2.592c.296.156.295.406 0 .562L12.32 8.977c-.177.092-.177.244 0 .337l5.145 2.706c.183.096.342.286.44.498l-4.987 2.623a.53.53 0 0 0-.281.476v.002a.54.54 0 0 0 .281.479l4.836 2.545a1 1 0 0 1-.29.248l-4.929 2.591c-.296.156-.774.156-1.07 0l-4.93-2.591c-.296-.156-.295-.407 0-.563l5.145-2.705c.176-.092.177-.245 0-.338L6.535 12.58a1 1 0 0 1-.373-.367l4.942-2.57a.52.52 0 0 0 .279-.26a.55.55 0 0 0 0-.48a.52.52 0 0 0-.28-.258l-4.939-2.57a1 1 0 0 1 .371-.366l4.93-2.592A1.2 1.2 0 0 1 12 3M6 7.176l3.781 1.967L6 11.109zm12 6.48v3.926l-3.732-1.963z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 3c.194 0 .388.04.535.117l4.93 2.592c.296.156.295.406 0 .562L12.32 8.977c-.177.092-.177.244 0 .337l5.145 2.706c.183.096.342.286.44.498l-4.987 2.623a.53.53 0 0 0-.281.476v.002a.54.54 0 0 0 .281.479l4.836 2.545a1 1 0 0 1-.29.248l-4.929 2.591c-.296.156-.774.156-1.07 0l-4.93-2.591c-.296-.156-.295-.407 0-.563l5.145-2.705c.176-.092.177-.245 0-.338L6.535 12.58a1 1 0 0 1-.373-.367l4.942-2.57a.52.52 0 0 0 .279-.26a.55.55 0 0 0 0-.48a.52.52 0 0 0-.28-.258l-4.939-2.57a1 1 0 0 1 .371-.366l4.93-2.592A1.2 1.2 0 0 1 12 3M6 7.176l3.781 1.967L6 11.109zm12 6.48v3.926l-3.732-1.963z"/></svg> </template>
CSS
.icon-scrapbox {
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%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%203c.194%200%20.388.04.535.117l4.93%202.592c.296.156.295.406%200%20.562L12.32%208.977c-.177.092-.177.244%200%20.337l5.145%202.706c.183.096.342.286.44.498l-4.987%202.623a.53.53%200%200%200-.281.476v.002a.54.54%200%200%200%20.281.479l4.836%202.545a1%201%200%200%201-.29.248l-4.929%202.591c-.296.156-.774.156-1.07%200l-4.93-2.591c-.296-.156-.295-.407%200-.563l5.145-2.705c.176-.092.177-.245%200-.338L6.535%2012.58a1%201%200%200%201-.373-.367l4.942-2.57a.52.52%200%200%200%20.279-.26a.55.55%200%200%200%200-.48a.52.52%200%200%200-.28-.258l-4.939-2.57a1%201%200%200%201%20.371-.366l4.93-2.592A1.2%201.2%200%200%201%2012%203M6%207.176l3.781%201.967L6%2011.109zm12%206.48v3.926l-3.732-1.963z%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%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%203c.194%200%20.388.04.535.117l4.93%202.592c.296.156.295.406%200%20.562L12.32%208.977c-.177.092-.177.244%200%20.337l5.145%202.706c.183.096.342.286.44.498l-4.987%202.623a.53.53%200%200%200-.281.476v.002a.54.54%200%200%200%20.281.479l4.836%202.545a1%201%200%200%201-.29.248l-4.929%202.591c-.296.156-.774.156-1.07%200l-4.93-2.591c-.296-.156-.295-.407%200-.563l5.145-2.705c.176-.092.177-.245%200-.338L6.535%2012.58a1%201%200%200%201-.373-.367l4.942-2.57a.52.52%200%200%200%20.279-.26a.55.55%200%200%200%200-.48a.52.52%200%200%200-.28-.258l-4.939-2.57a1%201%200%200%201%20.371-.366l4.93-2.592A1.2%201.2%200%200%201%2012%203M6%207.176l3.781%201.967L6%2011.109zm12%206.48v3.926l-3.732-1.963z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/scrapbox.svg?color=%231a73e8&size=48
