MailOpened

PhlexIcons::Tabler

Source code

Icon (Variant: :outline) ↓

With Phlex::Kit

Tabler::MailOpened(variant: :outline)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Tabler::MailOpened.new(variant: :outline)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		xmlns: 'http://www.w3.org/2000/svg',
		viewbox: '0 0 24 24',
		fill: 'none',
		stroke: 'currentColor',
		stroke_width: '2',
		stroke_linecap: 'round',
		stroke_linejoin: 'round'
	) do |s|
		s.path(d: 'M3 9l9 6l9 -6l-9 -6l-9 6')
		s.path(d: 'M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10')
		s.path(d: 'M3 19l6 -6')
		s.path(d: 'M15 13l6 6')
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
	<path d="M3 9l9 6l9 -6l-9 -6l-9 6"></path>
	<path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10"></path>
	<path d="M3 19l6 -6"></path>
	<path d="M15 13l6 6"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Tabler::MailOpened(variant: :filled)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Tabler::MailOpened.new(variant: :filled)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		xmlns: 'http://www.w3.org/2000/svg',
		viewbox: '0 0 24 24',
		fill: 'currentColor'
	) do |s|
		s.path(
			d:
				'M14.872 14.287l6.522 6.52a2.996 2.996 0 0 1 -2.218 1.188l-.176 .005h-14a2.995 2.995 0 0 1 -2.394 -1.191l6.521 -6.522l2.318 1.545l.116 .066a1 1 0 0 0 .878 0l.116 -.066l2.317 -1.545z'
		)
		s.path(d: 'M2 9.535l5.429 3.62l-5.429 5.43z')
		s.path(d: 'M22 9.535v9.05l-5.43 -5.43z')
		s.path(
			d:
				'M12.44 2.102l.115 .066l8.444 5.629l-8.999 6l-9 -6l8.445 -5.63a1 1 0 0 1 .994 -.065z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M14.872 14.287l6.522 6.52a2.996 2.996 0 0 1 -2.218 1.188l-.176 .005h-14a2.995 2.995 0 0 1 -2.394 -1.191l6.521 -6.522l2.318 1.545l.116 .066a1 1 0 0 0 .878 0l.116 -.066l2.317 -1.545z"></path>
	<path d="M2 9.535l5.429 3.62l-5.429 5.43z"></path>
	<path d="M22 9.535v9.05l-5.43 -5.43z"></path>
	<path d="M12.44 2.102l.115 .066l8.444 5.629l-8.999 6l-9 -6l8.445 -5.63a1 1 0 0 1 .994 -.065z"></path>
</svg>