NineSquare

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::NineSquare(variant: :stroke)

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

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

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		width: '25',
		viewbox: '0 0 25 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d:
				'M2.99707 12C2.99707 7.52166 2.99707 5.28249 4.38831 3.89124C5.77956 2.5 8.01873 2.5 12.4971 2.5C16.9754 2.5 19.2146 2.5 20.6058 3.89124C21.9971 5.28249 21.9971 7.52166 21.9971 12C21.9971 16.4783 21.9971 18.7175 20.6058 20.1088C19.2146 21.5 16.9754 21.5 12.4971 21.5C8.01873 21.5 5.77956 21.5 4.38831 20.1088C2.99707 18.7175 2.99707 16.4783 2.99707 12Z',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M11.4971 12H13.4971C14.6016 12 15.4971 11.1046 15.4971 10V9C15.4971 7.89543 14.6016 7 13.4971 7H11.4971C10.3925 7 9.49707 7.89543 9.49707 9V10C9.49707 11.1046 10.3925 12 11.4971 12Z',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M15.4971 9.5V15C15.4971 16.1046 14.6016 17 13.4971 17H11.4971C10.3925 17 9.49707 16.1046 9.49707 15',
			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="" width="25" viewbox="0 0 25 24" fill="none">
	<path d="M2.99707 12C2.99707 7.52166 2.99707 5.28249 4.38831 3.89124C5.77956 2.5 8.01873 2.5 12.4971 2.5C16.9754 2.5 19.2146 2.5 20.6058 3.89124C21.9971 5.28249 21.9971 7.52166 21.9971 12C21.9971 16.4783 21.9971 18.7175 20.6058 20.1088C19.2146 21.5 16.9754 21.5 12.4971 21.5C8.01873 21.5 5.77956 21.5 4.38831 20.1088C2.99707 18.7175 2.99707 16.4783 2.99707 12Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M11.4971 12H13.4971C14.6016 12 15.4971 11.1046 15.4971 10V9C15.4971 7.89543 14.6016 7 13.4971 7H11.4971C10.3925 7 9.49707 7.89543 9.49707 9V10C9.49707 11.1046 10.3925 12 11.4971 12Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M15.4971 9.5V15C15.4971 16.1046 14.6016 17 13.4971 17H11.4971C10.3925 17 9.49707 16.1046 9.49707 15" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>