slides logo
slides from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- slides
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the slides logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M0 0v32h32V0zm18.901 21.057c-.86.781-1.88 1.161-3.079 1.161c-1.203 0-2.219-.183-3.099-.541c-.864-.36-1.303-.699-1.303-1.041l-.104.129c0-.177.109-.432.328-.781c.219-.348.412-.52.589-.52c.016 0 .156.077.416.244c.261.167.631.328 1.115.495q.73.25 1.756.251c.703 0 1.26-.199 1.703-.589c.437-.391.656-.916.656-1.583s-.197-1.188-.577-1.563c-.381-.375-1.163-.724-2.324-1.052c-1.156-.333-2-.755-2.515-1.26q-.781-.773-.781-2.333c0-1.043.396-1.912 1.197-2.615c.803-.719 1.839-1.063 3.12-1.063c.901 0 1.683.099 2.38.339c.699.224 1.041.479 1.041.739c0 .22-.104.521-.301.86c-.203.36-.38.521-.521.521c-.02 0-.12-.057-.344-.161q-.867-.48-1.979-.48c-1.112 0-1.303.141-1.719.443c-.401.297-.599.699-.599 1.177s.161.86.457 1.14c.297.281.819.521 1.557.761c1.641.5 2.74 1.036 3.324 1.64c.577.599.88 1.5.88 2.699c0 1.197-.417 2.197-1.276 2.979z"/></svg>
React
import type { SVGProps } from "react";
export function CibSlides(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="M0 0v32h32V0zm18.901 21.057c-.86.781-1.88 1.161-3.079 1.161c-1.203 0-2.219-.183-3.099-.541c-.864-.36-1.303-.699-1.303-1.041l-.104.129c0-.177.109-.432.328-.781c.219-.348.412-.52.589-.52c.016 0 .156.077.416.244c.261.167.631.328 1.115.495q.73.25 1.756.251c.703 0 1.26-.199 1.703-.589c.437-.391.656-.916.656-1.583s-.197-1.188-.577-1.563c-.381-.375-1.163-.724-2.324-1.052c-1.156-.333-2-.755-2.515-1.26q-.781-.773-.781-2.333c0-1.043.396-1.912 1.197-2.615c.803-.719 1.839-1.063 3.12-1.063c.901 0 1.683.099 2.38.339c.699.224 1.041.479 1.041.739c0 .22-.104.521-.301.86c-.203.36-.38.521-.521.521c-.02 0-.12-.057-.344-.161q-.867-.48-1.979-.48c-1.112 0-1.303.141-1.719.443c-.401.297-.599.699-.599 1.177s.161.86.457 1.14c.297.281.819.521 1.557.761c1.641.5 2.74 1.036 3.324 1.64c.577.599.88 1.5.88 2.699c0 1.197-.417 2.197-1.276 2.979z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M0 0v32h32V0zm18.901 21.057c-.86.781-1.88 1.161-3.079 1.161c-1.203 0-2.219-.183-3.099-.541c-.864-.36-1.303-.699-1.303-1.041l-.104.129c0-.177.109-.432.328-.781c.219-.348.412-.52.589-.52c.016 0 .156.077.416.244c.261.167.631.328 1.115.495q.73.25 1.756.251c.703 0 1.26-.199 1.703-.589c.437-.391.656-.916.656-1.583s-.197-1.188-.577-1.563c-.381-.375-1.163-.724-2.324-1.052c-1.156-.333-2-.755-2.515-1.26q-.781-.773-.781-2.333c0-1.043.396-1.912 1.197-2.615c.803-.719 1.839-1.063 3.12-1.063c.901 0 1.683.099 2.38.339c.699.224 1.041.479 1.041.739c0 .22-.104.521-.301.86c-.203.36-.38.521-.521.521c-.02 0-.12-.057-.344-.161q-.867-.48-1.979-.48c-1.112 0-1.303.141-1.719.443c-.401.297-.599.699-.599 1.177s.161.86.457 1.14c.297.281.819.521 1.557.761c1.641.5 2.74 1.036 3.324 1.64c.577.599.88 1.5.88 2.699c0 1.197-.417 2.197-1.276 2.979z"/></svg> </template>
CSS
.icon-slides {
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%22M0%200v32h32V0zm18.901%2021.057c-.86.781-1.88%201.161-3.079%201.161c-1.203%200-2.219-.183-3.099-.541c-.864-.36-1.303-.699-1.303-1.041l-.104.129c0-.177.109-.432.328-.781c.219-.348.412-.52.589-.52c.016%200%20.156.077.416.244c.261.167.631.328%201.115.495q.73.25%201.756.251c.703%200%201.26-.199%201.703-.589c.437-.391.656-.916.656-1.583s-.197-1.188-.577-1.563c-.381-.375-1.163-.724-2.324-1.052c-1.156-.333-2-.755-2.515-1.26q-.781-.773-.781-2.333c0-1.043.396-1.912%201.197-2.615c.803-.719%201.839-1.063%203.12-1.063c.901%200%201.683.099%202.38.339c.699.224%201.041.479%201.041.739c0%20.22-.104.521-.301.86c-.203.36-.38.521-.521.521c-.02%200-.12-.057-.344-.161q-.867-.48-1.979-.48c-1.112%200-1.303.141-1.719.443c-.401.297-.599.699-.599%201.177s.161.86.457%201.14c.297.281.819.521%201.557.761c1.641.5%202.74%201.036%203.324%201.64c.577.599.88%201.5.88%202.699c0%201.197-.417%202.197-1.276%202.979z%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%22M0%200v32h32V0zm18.901%2021.057c-.86.781-1.88%201.161-3.079%201.161c-1.203%200-2.219-.183-3.099-.541c-.864-.36-1.303-.699-1.303-1.041l-.104.129c0-.177.109-.432.328-.781c.219-.348.412-.52.589-.52c.016%200%20.156.077.416.244c.261.167.631.328%201.115.495q.73.25%201.756.251c.703%200%201.26-.199%201.703-.589c.437-.391.656-.916.656-1.583s-.197-1.188-.577-1.563c-.381-.375-1.163-.724-2.324-1.052c-1.156-.333-2-.755-2.515-1.26q-.781-.773-.781-2.333c0-1.043.396-1.912%201.197-2.615c.803-.719%201.839-1.063%203.12-1.063c.901%200%201.683.099%202.38.339c.699.224%201.041.479%201.041.739c0%20.22-.104.521-.301.86c-.203.36-.38.521-.521.521c-.02%200-.12-.057-.344-.161q-.867-.48-1.979-.48c-1.112%200-1.303.141-1.719.443c-.401.297-.599.699-.599%201.177s.161.86.457%201.14c.297.281.819.521%201.557.761c1.641.5%202.74%201.036%203.324%201.64c.577.599.88%201.5.88%202.699c0%201.197-.417%202.197-1.276%202.979z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/slides.svg?color=%231a73e8&size=48
