eject icon
eject from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- eject
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
ejectBootstrap IconsejectBoxIcons v2 SolidejectFont Awesome 6 SolidejectFont Awesome Solidejectcss.ggejectIconoirejectIonIconsejectJam IconsejectLine AwesomeejectLucideejectMajesticonsejectMaterial SymbolsejectMaterial Symbols LightejectMaterial Design IconsejectMyna UI IconsejectPhosphorejectPrime Iconseject-fillRemix Icon
Use the eject icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.332 32.734h37.383c2.133 0 3.281-1.101 3.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27 7.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282 1.64L7.152 27.156c-.726.797-1.148 1.711-1.148 2.602c0 1.875 1.172 2.976 3.328 2.976m2.484-3.539c-.421 0-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328 0 .539.188.797.445l15.843 17.274c.14.14.211.281.211.445c0 .328-.234.54-.656.54ZM10.457 49.82h35.086c3.21 0 5.039-1.687 5.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234 0-5.039 1.64-5.039 4.828v2.719c0 3.187 1.805 4.851 5.039 4.851m.305-3.445c-1.032 0-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618 1.57-1.618h34.476c1.032 0 1.57.61 1.57 1.617v2.25c0 1.032-.538 1.641-1.57 1.641Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Eject(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.332 32.734h37.383c2.133 0 3.281-1.101 3.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27 7.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282 1.64L7.152 27.156c-.726.797-1.148 1.711-1.148 2.602c0 1.875 1.172 2.976 3.328 2.976m2.484-3.539c-.421 0-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328 0 .539.188.797.445l15.843 17.274c.14.14.211.281.211.445c0 .328-.234.54-.656.54ZM10.457 49.82h35.086c3.21 0 5.039-1.687 5.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234 0-5.039 1.64-5.039 4.828v2.719c0 3.187 1.805 4.851 5.039 4.851m.305-3.445c-1.032 0-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618 1.57-1.618h34.476c1.032 0 1.57.61 1.57 1.617v2.25c0 1.032-.538 1.641-1.57 1.641Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.332 32.734h37.383c2.133 0 3.281-1.101 3.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27 7.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282 1.64L7.152 27.156c-.726.797-1.148 1.711-1.148 2.602c0 1.875 1.172 2.976 3.328 2.976m2.484-3.539c-.421 0-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328 0 .539.188.797.445l15.843 17.274c.14.14.211.281.211.445c0 .328-.234.54-.656.54ZM10.457 49.82h35.086c3.21 0 5.039-1.687 5.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234 0-5.039 1.64-5.039 4.828v2.719c0 3.187 1.805 4.851 5.039 4.851m.305-3.445c-1.032 0-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618 1.57-1.618h34.476c1.032 0 1.57.61 1.57 1.617v2.25c0 1.032-.538 1.641-1.57 1.641Z"/></svg> </template>
CSS
.icon-eject {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.332%2032.734h37.383c2.133%200%203.281-1.101%203.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27%207.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282%201.64L7.152%2027.156c-.726.797-1.148%201.711-1.148%202.602c0%201.875%201.172%202.976%203.328%202.976m2.484-3.539c-.421%200-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328%200%20.539.188.797.445l15.843%2017.274c.14.14.211.281.211.445c0%20.328-.234.54-.656.54ZM10.457%2049.82h35.086c3.21%200%205.039-1.687%205.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234%200-5.039%201.64-5.039%204.828v2.719c0%203.187%201.805%204.851%205.039%204.851m.305-3.445c-1.032%200-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618%201.57-1.618h34.476c1.032%200%201.57.61%201.57%201.617v2.25c0%201.032-.538%201.641-1.57%201.641Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.332%2032.734h37.383c2.133%200%203.281-1.101%203.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27%207.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282%201.64L7.152%2027.156c-.726.797-1.148%201.711-1.148%202.602c0%201.875%201.172%202.976%203.328%202.976m2.484-3.539c-.421%200-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328%200%20.539.188.797.445l15.843%2017.274c.14.14.211.281.211.445c0%20.328-.234.54-.656.54ZM10.457%2049.82h35.086c3.21%200%205.039-1.687%205.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234%200-5.039%201.64-5.039%204.828v2.719c0%203.187%201.805%204.851%205.039%204.851m.305-3.445c-1.032%200-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618%201.57-1.618h34.476c1.032%200%201.57.61%201.57%201.617v2.25c0%201.032-.538%201.641-1.57%201.641Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/eject.svg?color=%231a73e8&size=48
