miyajima torii icon
miyajima-torii-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- miyajima-torii-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the miyajima torii icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.222 3.372a1 1 0 0 1 1.027-.34c1.078.277 2.167.517 3.257.738c1.852.375 4.015.73 5.494.73s3.642-.355 5.494-.73c1.09-.22 2.178-.461 3.256-.738a1 1 0 0 1 1.144 1.415l-2 4c-.15.3-.446.507-.778.546A91 91 0 0 1 16 9.3v1.366a58 58 0 0 0 3.797-.644a1 1 0 0 1 .406 1.958q-.6.123-1.203.23V18a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2v-5.095c-.692.059-1.374.095-2 .095s-1.308-.037-2-.095V18a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2v-5.79a49 49 0 0 1-1.203-.23a1 1 0 0 1 .406-1.96l.003.002q1.886.382 3.794.643V9.299a91 91 0 0 1-3.116-.306q-.001 0 0 0a1 1 0 0 1-.778-.546l-2-4a1 1 0 0 1 .116-1.075M12 9.5c.617 0 1.304-.024 2-.062v1.459c-.703.063-1.387.103-2 .103s-1.297-.04-2-.103v-1.46c.696.039 1.383.063 2 .063" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteMiyajimaToriiFill(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" fillRule="evenodd" d="M2.222 3.372a1 1 0 0 1 1.027-.34c1.078.277 2.167.517 3.257.738c1.852.375 4.015.73 5.494.73s3.642-.355 5.494-.73c1.09-.22 2.178-.461 3.256-.738a1 1 0 0 1 1.144 1.415l-2 4c-.15.3-.446.507-.778.546A91 91 0 0 1 16 9.3v1.366a58 58 0 0 0 3.797-.644a1 1 0 0 1 .406 1.958q-.6.123-1.203.23V18a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2v-5.095c-.692.059-1.374.095-2 .095s-1.308-.037-2-.095V18a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2v-5.79a49 49 0 0 1-1.203-.23a1 1 0 0 1 .406-1.96l.003.002q1.886.382 3.794.643V9.299a91 91 0 0 1-3.116-.306q-.001 0 0 0a1 1 0 0 1-.778-.546l-2-4a1 1 0 0 1 .116-1.075M12 9.5c.617 0 1.304-.024 2-.062v1.459c-.703.063-1.387.103-2 .103s-1.297-.04-2-.103v-1.46c.696.039 1.383.063 2 .063" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.222 3.372a1 1 0 0 1 1.027-.34c1.078.277 2.167.517 3.257.738c1.852.375 4.015.73 5.494.73s3.642-.355 5.494-.73c1.09-.22 2.178-.461 3.256-.738a1 1 0 0 1 1.144 1.415l-2 4c-.15.3-.446.507-.778.546A91 91 0 0 1 16 9.3v1.366a58 58 0 0 0 3.797-.644a1 1 0 0 1 .406 1.958q-.6.123-1.203.23V18a1 1 0 1 1 0 2h-5a1 1 0 1 1 0-2v-5.095c-.692.059-1.374.095-2 .095s-1.308-.037-2-.095V18a1 1 0 1 1 0 2H5a1 1 0 0 1 0-2v-5.79a49 49 0 0 1-1.203-.23a1 1 0 0 1 .406-1.96l.003.002q1.886.382 3.794.643V9.299a91 91 0 0 1-3.116-.306q-.001 0 0 0a1 1 0 0 1-.778-.546l-2-4a1 1 0 0 1 .116-1.075M12 9.5c.617 0 1.304-.024 2-.062v1.459c-.703.063-1.387.103-2 .103s-1.297-.04-2-.103v-1.46c.696.039 1.383.063 2 .063" clip-rule="evenodd"/></svg> </template>
CSS
.icon-miyajima-torii-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M2.222%203.372a1%201%200%200%201%201.027-.34c1.078.277%202.167.517%203.257.738c1.852.375%204.015.73%205.494.73s3.642-.355%205.494-.73c1.09-.22%202.178-.461%203.256-.738a1%201%200%200%201%201.144%201.415l-2%204c-.15.3-.446.507-.778.546A91%2091%200%200%201%2016%209.3v1.366a58%2058%200%200%200%203.797-.644a1%201%200%200%201%20.406%201.958q-.6.123-1.203.23V18a1%201%200%201%201%200%202h-5a1%201%200%201%201%200-2v-5.095c-.692.059-1.374.095-2%20.095s-1.308-.037-2-.095V18a1%201%200%201%201%200%202H5a1%201%200%200%201%200-2v-5.79a49%2049%200%200%201-1.203-.23a1%201%200%200%201%20.406-1.96l.003.002q1.886.382%203.794.643V9.299a91%2091%200%200%201-3.116-.306q-.001%200%200%200a1%201%200%200%201-.778-.546l-2-4a1%201%200%200%201%20.116-1.075M12%209.5c.617%200%201.304-.024%202-.062v1.459c-.703.063-1.387.103-2%20.103s-1.297-.04-2-.103v-1.46c.696.039%201.383.063%202%20.063%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M2.222%203.372a1%201%200%200%201%201.027-.34c1.078.277%202.167.517%203.257.738c1.852.375%204.015.73%205.494.73s3.642-.355%205.494-.73c1.09-.22%202.178-.461%203.256-.738a1%201%200%200%201%201.144%201.415l-2%204c-.15.3-.446.507-.778.546A91%2091%200%200%201%2016%209.3v1.366a58%2058%200%200%200%203.797-.644a1%201%200%200%201%20.406%201.958q-.6.123-1.203.23V18a1%201%200%201%201%200%202h-5a1%201%200%201%201%200-2v-5.095c-.692.059-1.374.095-2%20.095s-1.308-.037-2-.095V18a1%201%200%201%201%200%202H5a1%201%200%200%201%200-2v-5.79a49%2049%200%200%201-1.203-.23a1%201%200%200%201%20.406-1.96l.003.002q1.886.382%203.794.643V9.299a91%2091%200%200%201-3.116-.306q-.001%200%200%200a1%201%200%200%201-.778-.546l-2-4a1%201%200%200%201%20.116-1.075M12%209.5c.617%200%201.304-.024%202-.062v1.459c-.703.063-1.387.103-2%20.103s-1.297-.04-2-.103v-1.46c.696.039%201.383.063%202%20.063%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/miyajima-torii-fill.svg?color=%231a73e8&size=48
