MobileNavigator02

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::MobileNavigator02(variant: :stroke)

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

render PhlexIcons::Huge::MobileNavigator02.new(variant: :stroke)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		viewbox: '0 0 24 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d:
				'M4 9C4 5.70017 4 4.05025 5.17157 3.02513C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.02513C20 4.05025 20 5.70017 20 9V15C20 18.2998 20 19.9497 18.8284 20.9749C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.9749C4 19.9497 4 18.2998 4 15V9Z',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M12 10H12.009',
			stroke: '#141B34',
			stroke_width: '2',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M12 6.5C13.8941 6.5 15.5 8.11319 15.5 10.0703C15.5 12.0586 13.868 13.4539 12.3605 14.4027C12.2506 14.4665 12.1264 14.5 12 14.5C11.8736 14.5 11.7494 14.4665 11.6395 14.4027C10.1348 13.4446 8.5 12.0655 8.5 10.0703C8.5 8.11319 10.1059 6.5 12 6.5Z',
			stroke: '#141B34',
			stroke_width: '1.5'
		)
		s.path(
			d: 'M11 19H13',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none">
	<path d="M4 9C4 5.70017 4 4.05025 5.17157 3.02513C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.02513C20 4.05025 20 5.70017 20 9V15C20 18.2998 20 19.9497 18.8284 20.9749C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.9749C4 19.9497 4 18.2998 4 15V9Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M12 10H12.009" stroke="#141B34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M12 6.5C13.8941 6.5 15.5 8.11319 15.5 10.0703C15.5 12.0586 13.868 13.4539 12.3605 14.4027C12.2506 14.4665 12.1264 14.5 12 14.5C11.8736 14.5 11.7494 14.4665 11.6395 14.4027C10.1348 13.4446 8.5 12.0655 8.5 10.0703C8.5 8.11319 10.1059 6.5 12 6.5Z" stroke="#141B34" stroke-width="1.5"></path>
	<path d="M11 19H13" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>