showpad logo
showpad from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- showpad
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the showpad logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M32 16v-.453l-.042-.318a7.304 7.304 0 0 0-6.505-6.521l-.318-.016h-.068l-.359-.01a7.28 7.28 0 0 0-5.177 2.13l-2.464 2.479l1.797 1.813l1.802-1.797h-.016l.667-.682a4.75 4.75 0 0 1 3.375-1.396h.266l.214.01a4.775 4.775 0 0 1 4.266 4.255v.974a4.76 4.76 0 0 1-2.667 3.786l-.036.026l-.135.052l-.094.042l-.078.036l-.146.057h-.042a4.79 4.79 0 0 1-4.922-1.12l-.667-.667l-4.49-4.484l-7.177-7.182L0 15.998l8.984 8.984l1.786-1.797l4.495-4.495l-1.786-1.797l-4.495 4.49l-5.385-5.385l5.385-5.385l2.698 2.693l7.849 7.854a7.29 7.29 0 0 0 7.536 1.734l.068-.016l.214-.094l.13-.052l.146-.052l.214-.094l.068-.042a7.3 7.3 0 0 0 4.052-5.802v-.01l.026-.323v-.411z"/></svg>
React
import type { SVGProps } from "react";
export function CibShowpad(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="M32 16v-.453l-.042-.318a7.304 7.304 0 0 0-6.505-6.521l-.318-.016h-.068l-.359-.01a7.28 7.28 0 0 0-5.177 2.13l-2.464 2.479l1.797 1.813l1.802-1.797h-.016l.667-.682a4.75 4.75 0 0 1 3.375-1.396h.266l.214.01a4.775 4.775 0 0 1 4.266 4.255v.974a4.76 4.76 0 0 1-2.667 3.786l-.036.026l-.135.052l-.094.042l-.078.036l-.146.057h-.042a4.79 4.79 0 0 1-4.922-1.12l-.667-.667l-4.49-4.484l-7.177-7.182L0 15.998l8.984 8.984l1.786-1.797l4.495-4.495l-1.786-1.797l-4.495 4.49l-5.385-5.385l5.385-5.385l2.698 2.693l7.849 7.854a7.29 7.29 0 0 0 7.536 1.734l.068-.016l.214-.094l.13-.052l.146-.052l.214-.094l.068-.042a7.3 7.3 0 0 0 4.052-5.802v-.01l.026-.323v-.411z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M32 16v-.453l-.042-.318a7.304 7.304 0 0 0-6.505-6.521l-.318-.016h-.068l-.359-.01a7.28 7.28 0 0 0-5.177 2.13l-2.464 2.479l1.797 1.813l1.802-1.797h-.016l.667-.682a4.75 4.75 0 0 1 3.375-1.396h.266l.214.01a4.775 4.775 0 0 1 4.266 4.255v.974a4.76 4.76 0 0 1-2.667 3.786l-.036.026l-.135.052l-.094.042l-.078.036l-.146.057h-.042a4.79 4.79 0 0 1-4.922-1.12l-.667-.667l-4.49-4.484l-7.177-7.182L0 15.998l8.984 8.984l1.786-1.797l4.495-4.495l-1.786-1.797l-4.495 4.49l-5.385-5.385l5.385-5.385l2.698 2.693l7.849 7.854a7.29 7.29 0 0 0 7.536 1.734l.068-.016l.214-.094l.13-.052l.146-.052l.214-.094l.068-.042a7.3 7.3 0 0 0 4.052-5.802v-.01l.026-.323v-.411z"/></svg> </template>
CSS
.icon-showpad {
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%22M32%2016v-.453l-.042-.318a7.304%207.304%200%200%200-6.505-6.521l-.318-.016h-.068l-.359-.01a7.28%207.28%200%200%200-5.177%202.13l-2.464%202.479l1.797%201.813l1.802-1.797h-.016l.667-.682a4.75%204.75%200%200%201%203.375-1.396h.266l.214.01a4.775%204.775%200%200%201%204.266%204.255v.974a4.76%204.76%200%200%201-2.667%203.786l-.036.026l-.135.052l-.094.042l-.078.036l-.146.057h-.042a4.79%204.79%200%200%201-4.922-1.12l-.667-.667l-4.49-4.484l-7.177-7.182L0%2015.998l8.984%208.984l1.786-1.797l4.495-4.495l-1.786-1.797l-4.495%204.49l-5.385-5.385l5.385-5.385l2.698%202.693l7.849%207.854a7.29%207.29%200%200%200%207.536%201.734l.068-.016l.214-.094l.13-.052l.146-.052l.214-.094l.068-.042a7.3%207.3%200%200%200%204.052-5.802v-.01l.026-.323v-.411z%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%22M32%2016v-.453l-.042-.318a7.304%207.304%200%200%200-6.505-6.521l-.318-.016h-.068l-.359-.01a7.28%207.28%200%200%200-5.177%202.13l-2.464%202.479l1.797%201.813l1.802-1.797h-.016l.667-.682a4.75%204.75%200%200%201%203.375-1.396h.266l.214.01a4.775%204.775%200%200%201%204.266%204.255v.974a4.76%204.76%200%200%201-2.667%203.786l-.036.026l-.135.052l-.094.042l-.078.036l-.146.057h-.042a4.79%204.79%200%200%201-4.922-1.12l-.667-.667l-4.49-4.484l-7.177-7.182L0%2015.998l8.984%208.984l1.786-1.797l4.495-4.495l-1.786-1.797l-4.495%204.49l-5.385-5.385l5.385-5.385l2.698%202.693l7.849%207.854a7.29%207.29%200%200%200%207.536%201.734l.068-.016l.214-.094l.13-.052l.146-.052l.214-.094l.068-.042a7.3%207.3%200%200%200%204.052-5.802v-.01l.026-.323v-.411z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/showpad.svg?color=%231a73e8&size=48
