brick emoji
brick from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- brick
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- bricks
The same emoji in other sets
More travel & places icons from Twitter Emoji
Use the brick emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M35.627 10.826L.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.895.439 1.441.493 2.206.112c.626-.312 19.236-10.173 20.932-11.074c.863-.459 1.146-.711 1.099-.919h.018z"/><path fill="#a0041e" d="M.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.432.212.781.329 1.114.356V16.56z"/><path fill="#d99e82" d="M22.224 4.682c1.076-.558 1.113-.628 2.249-.024s9.846 5.248 10.487 5.589c.814.434 1.112.591-.449 1.421c-1.696.902-20.306 10.763-20.932 11.074c-.765.381-1.311.327-2.206-.112c-.718-.352-9.826-5.226-10.553-5.639c-.82-.465-.482-.706.769-1.37z"/><ellipse cx="11.189" cy="17.191" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M11.642 16.734c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="18" cy="13.639" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M18.453 13.182c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="24.811" cy="10.087" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M25.264 9.63c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.012-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBrick(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M35.627 10.826L.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.895.439 1.441.493 2.206.112c.626-.312 19.236-10.173 20.932-11.074c.863-.459 1.146-.711 1.099-.919h.018z"/><path fill="#a0041e" d="M.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.432.212.781.329 1.114.356V16.56z"/><path fill="#d99e82" d="M22.224 4.682c1.076-.558 1.113-.628 2.249-.024s9.846 5.248 10.487 5.589c.814.434 1.112.591-.449 1.421c-1.696.902-20.306 10.763-20.932 11.074c-.765.381-1.311.327-2.206-.112c-.718-.352-9.826-5.226-10.553-5.639c-.82-.465-.482-.706.769-1.37z"/><ellipse cx="11.189" cy="17.191" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M11.642 16.734c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="18" cy="13.639" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M18.453 13.182c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="24.811" cy="10.087" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M25.264 9.63c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.012-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c1694f" d="M35.627 10.826L.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.895.439 1.441.493 2.206.112c.626-.312 19.236-10.173 20.932-11.074c.863-.459 1.146-.711 1.099-.919h.018z"/><path fill="#a0041e" d="M.373 16.56v9.722h.004c-.012.149.129.295.443.473c.727.412 9.835 5.286 10.553 5.639c.432.212.781.329 1.114.356V16.56z"/><path fill="#d99e82" d="M22.224 4.682c1.076-.558 1.113-.628 2.249-.024s9.846 5.248 10.487 5.589c.814.434 1.112.591-.449 1.421c-1.696.902-20.306 10.763-20.932 11.074c-.765.381-1.311.327-2.206-.112c-.718-.352-9.826-5.226-10.553-5.639c-.82-.465-.482-.706.769-1.37z"/><ellipse cx="11.189" cy="17.191" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M11.642 16.734c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="18" cy="13.639" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M18.453 13.182c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.013-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/><ellipse cx="24.811" cy="10.087" fill="#c1694f" rx="3.679" ry="1.84"/><path fill="#a0041e" d="M25.264 9.63c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0 1.016 1.647 1.84 3.679 1.84c1.063 0 2.012-.229 2.684-.589c-.333-.692-1.086-1.332-2.231-1.708"/></svg> </template>
CSS
.icon-brick {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M35.627%2010.826L.373%2016.56v9.722h.004c-.012.149.129.295.443.473c.727.412%209.835%205.286%2010.553%205.639c.895.439%201.441.493%202.206.112c.626-.312%2019.236-10.173%2020.932-11.074c.863-.459%201.146-.711%201.099-.919h.018z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M.373%2016.56v9.722h.004c-.012.149.129.295.443.473c.727.412%209.835%205.286%2010.553%205.639c.432.212.781.329%201.114.356V16.56z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.224%204.682c1.076-.558%201.113-.628%202.249-.024s9.846%205.248%2010.487%205.589c.814.434%201.112.591-.449%201.421c-1.696.902-20.306%2010.763-20.932%2011.074c-.765.381-1.311.327-2.206-.112c-.718-.352-9.826-5.226-10.553-5.639c-.82-.465-.482-.706.769-1.37z%22%2F%3E%3Cellipse%20cx%3D%2211.189%22%20cy%3D%2217.191%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M11.642%2016.734c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.013-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213.639%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18.453%2013.182c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.013-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%22%2F%3E%3Cellipse%20cx%3D%2224.811%22%20cy%3D%2210.087%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M25.264%209.63c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.012-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M35.627%2010.826L.373%2016.56v9.722h.004c-.012.149.129.295.443.473c.727.412%209.835%205.286%2010.553%205.639c.895.439%201.441.493%202.206.112c.626-.312%2019.236-10.173%2020.932-11.074c.863-.459%201.146-.711%201.099-.919h.018z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M.373%2016.56v9.722h.004c-.012.149.129.295.443.473c.727.412%209.835%205.286%2010.553%205.639c.432.212.781.329%201.114.356V16.56z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.224%204.682c1.076-.558%201.113-.628%202.249-.024s9.846%205.248%2010.487%205.589c.814.434%201.112.591-.449%201.421c-1.696.902-20.306%2010.763-20.932%2011.074c-.765.381-1.311.327-2.206-.112c-.718-.352-9.826-5.226-10.553-5.639c-.82-.465-.482-.706.769-1.37z%22%2F%3E%3Cellipse%20cx%3D%2211.189%22%20cy%3D%2217.191%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M11.642%2016.734c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.013-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213.639%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18.453%2013.182c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.013-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%22%2F%3E%3Cellipse%20cx%3D%2224.811%22%20cy%3D%2210.087%22%20fill%3D%22%23c1694f%22%20rx%3D%223.679%22%20ry%3D%221.84%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M25.264%209.63c-1.569-.516-3.352-.369-4.108.339c-.005.04-.024.078-.024.118c0%201.016%201.647%201.84%203.679%201.84c1.063%200%202.012-.229%202.684-.589c-.333-.692-1.086-1.332-2.231-1.708%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/brick.svg?color=%231a73e8&size=48
