hatena bookmark logo
hatena-bookmark from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hatena-bookmark
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the hatena bookmark logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.292 0A4.703 4.703 0 0 1 32 4.708v22.584A4.703 4.703 0 0 1 27.292 32H4.708A4.703 4.703 0 0 1 0 27.292V4.708A4.703 4.703 0 0 1 4.708 0zm-4.937 19.292a1.88 1.88 0 0 0-1.881 1.88c0 1.041.839 1.885 1.881 1.885c1.041 0 1.88-.86 1.88-1.901a1.875 1.875 0 0 0-1.88-1.875zm-10.876 3.703c1.6 0 2.74-.057 3.443-.156c.699-.115 1.297-.297 1.761-.552a3.23 3.23 0 0 0 1.359-1.317q.48-.85.48-1.975c0-1.041-.281-1.869-.839-2.495c-.563-.64-1.323-.979-2.323-1.057c.88-.24 1.541-.599 1.943-1.083c.416-.459.619-1.1.619-1.896c0-.641-.135-1.183-.4-1.683a3.1 3.1 0 0 0-1.177-1.156c-.459-.261-.98-.423-1.62-.543c-.62-.099-1.719-.161-3.297-.161H7.537v13.985h3.943zm.985-5.579q1.407-.001 1.916.349c.36.24.521.661.521 1.24c0 .541-.183.921-.557 1.14c-.365.24-1.021.339-1.923.339h-1.343v-3.063h1.4zm11.541.944V8.943h-3.281v9.417zm-12.104-6.256c.948 0 1.577.109 1.905.323q.492.318.491 1.104c0 .511-.172.865-.516 1.073q-.532.313-1.937.313h-.761v-2.813z"/></svg>
React
import type { SVGProps } from "react";
export function CibHatenaBookmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.292 0A4.703 4.703 0 0 1 32 4.708v22.584A4.703 4.703 0 0 1 27.292 32H4.708A4.703 4.703 0 0 1 0 27.292V4.708A4.703 4.703 0 0 1 4.708 0zm-4.937 19.292a1.88 1.88 0 0 0-1.881 1.88c0 1.041.839 1.885 1.881 1.885c1.041 0 1.88-.86 1.88-1.901a1.875 1.875 0 0 0-1.88-1.875zm-10.876 3.703c1.6 0 2.74-.057 3.443-.156c.699-.115 1.297-.297 1.761-.552a3.23 3.23 0 0 0 1.359-1.317q.48-.85.48-1.975c0-1.041-.281-1.869-.839-2.495c-.563-.64-1.323-.979-2.323-1.057c.88-.24 1.541-.599 1.943-1.083c.416-.459.619-1.1.619-1.896c0-.641-.135-1.183-.4-1.683a3.1 3.1 0 0 0-1.177-1.156c-.459-.261-.98-.423-1.62-.543c-.62-.099-1.719-.161-3.297-.161H7.537v13.985h3.943zm.985-5.579q1.407-.001 1.916.349c.36.24.521.661.521 1.24c0 .541-.183.921-.557 1.14c-.365.24-1.021.339-1.923.339h-1.343v-3.063h1.4zm11.541.944V8.943h-3.281v9.417zm-12.104-6.256c.948 0 1.577.109 1.905.323q.492.318.491 1.104c0 .511-.172.865-.516 1.073q-.532.313-1.937.313h-.761v-2.813z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.292 0A4.703 4.703 0 0 1 32 4.708v22.584A4.703 4.703 0 0 1 27.292 32H4.708A4.703 4.703 0 0 1 0 27.292V4.708A4.703 4.703 0 0 1 4.708 0zm-4.937 19.292a1.88 1.88 0 0 0-1.881 1.88c0 1.041.839 1.885 1.881 1.885c1.041 0 1.88-.86 1.88-1.901a1.875 1.875 0 0 0-1.88-1.875zm-10.876 3.703c1.6 0 2.74-.057 3.443-.156c.699-.115 1.297-.297 1.761-.552a3.23 3.23 0 0 0 1.359-1.317q.48-.85.48-1.975c0-1.041-.281-1.869-.839-2.495c-.563-.64-1.323-.979-2.323-1.057c.88-.24 1.541-.599 1.943-1.083c.416-.459.619-1.1.619-1.896c0-.641-.135-1.183-.4-1.683a3.1 3.1 0 0 0-1.177-1.156c-.459-.261-.98-.423-1.62-.543c-.62-.099-1.719-.161-3.297-.161H7.537v13.985h3.943zm.985-5.579q1.407-.001 1.916.349c.36.24.521.661.521 1.24c0 .541-.183.921-.557 1.14c-.365.24-1.021.339-1.923.339h-1.343v-3.063h1.4zm11.541.944V8.943h-3.281v9.417zm-12.104-6.256c.948 0 1.577.109 1.905.323q.492.318.491 1.104c0 .511-.172.865-.516 1.073q-.532.313-1.937.313h-.761v-2.813z"/></svg> </template>
CSS
.icon-hatena-bookmark {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.292%200A4.703%204.703%200%200%201%2032%204.708v22.584A4.703%204.703%200%200%201%2027.292%2032H4.708A4.703%204.703%200%200%201%200%2027.292V4.708A4.703%204.703%200%200%201%204.708%200zm-4.937%2019.292a1.88%201.88%200%200%200-1.881%201.88c0%201.041.839%201.885%201.881%201.885c1.041%200%201.88-.86%201.88-1.901a1.875%201.875%200%200%200-1.88-1.875zm-10.876%203.703c1.6%200%202.74-.057%203.443-.156c.699-.115%201.297-.297%201.761-.552a3.23%203.23%200%200%200%201.359-1.317q.48-.85.48-1.975c0-1.041-.281-1.869-.839-2.495c-.563-.64-1.323-.979-2.323-1.057c.88-.24%201.541-.599%201.943-1.083c.416-.459.619-1.1.619-1.896c0-.641-.135-1.183-.4-1.683a3.1%203.1%200%200%200-1.177-1.156c-.459-.261-.98-.423-1.62-.543c-.62-.099-1.719-.161-3.297-.161H7.537v13.985h3.943zm.985-5.579q1.407-.001%201.916.349c.36.24.521.661.521%201.24c0%20.541-.183.921-.557%201.14c-.365.24-1.021.339-1.923.339h-1.343v-3.063h1.4zm11.541.944V8.943h-3.281v9.417zm-12.104-6.256c.948%200%201.577.109%201.905.323q.492.318.491%201.104c0%20.511-.172.865-.516%201.073q-.532.313-1.937.313h-.761v-2.813z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.292%200A4.703%204.703%200%200%201%2032%204.708v22.584A4.703%204.703%200%200%201%2027.292%2032H4.708A4.703%204.703%200%200%201%200%2027.292V4.708A4.703%204.703%200%200%201%204.708%200zm-4.937%2019.292a1.88%201.88%200%200%200-1.881%201.88c0%201.041.839%201.885%201.881%201.885c1.041%200%201.88-.86%201.88-1.901a1.875%201.875%200%200%200-1.88-1.875zm-10.876%203.703c1.6%200%202.74-.057%203.443-.156c.699-.115%201.297-.297%201.761-.552a3.23%203.23%200%200%200%201.359-1.317q.48-.85.48-1.975c0-1.041-.281-1.869-.839-2.495c-.563-.64-1.323-.979-2.323-1.057c.88-.24%201.541-.599%201.943-1.083c.416-.459.619-1.1.619-1.896c0-.641-.135-1.183-.4-1.683a3.1%203.1%200%200%200-1.177-1.156c-.459-.261-.98-.423-1.62-.543c-.62-.099-1.719-.161-3.297-.161H7.537v13.985h3.943zm.985-5.579q1.407-.001%201.916.349c.36.24.521.661.521%201.24c0%20.541-.183.921-.557%201.14c-.365.24-1.021.339-1.923.339h-1.343v-3.063h1.4zm11.541.944V8.943h-3.281v9.417zm-12.104-6.256c.948%200%201.577.109%201.905.323q.492.318.491%201.104c0%20.511-.172.865-.516%201.073q-.532.313-1.937.313h-.761v-2.813z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/hatena-bookmark.svg?color=%231a73e8&size=48
