CircleNotifications

PhlexIcons::Material

Source code

Icon (Variant: :outlined) ↓

With Phlex::Kit

Material::CircleNotifications(variant: :outlined)

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

render PhlexIcons::Material::CircleNotifications.new(variant: :outlined)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		fill: 'currentColor',
		xmlns: 'http://www.w3.org/2000/svg', viewbox: '0 0 24 24'
	) do |s|
		s.path(
			d:
				'M12 18.5c.83 0 1.5-.67 1.5-1.5h-3c0 .83.67 1.5 1.5 1.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4-8.61c0-2.11-1.03-3.92-3-4.39v-.5c0-.57-.43-1-1-1s-1 .43-1 1V7c-1.97.47-3 2.27-3 4.39V14H7v2h10v-2h-1v-2.61zM14 14h-4v-3c0-1.1.9-2 2-2s2 .9 2 2v3z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 18.5c.83 0 1.5-.67 1.5-1.5h-3c0 .83.67 1.5 1.5 1.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4-8.61c0-2.11-1.03-3.92-3-4.39v-.5c0-.57-.43-1-1-1s-1 .43-1 1V7c-1.97.47-3 2.27-3 4.39V14H7v2h10v-2h-1v-2.61zM14 14h-4v-3c0-1.1.9-2 2-2s2 .9 2 2v3z"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Material::CircleNotifications(variant: :filled)

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

render PhlexIcons::Material::CircleNotifications.new(variant: :filled)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		fill: 'currentColor',
		xmlns: 'http://www.w3.org/2000/svg', viewbox: '0 0 24 24'
	) do |s|
		s.path(
			d:
				'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-1l1-1v-2.61C8 9.27 9.03 7.47 11 7v-.5c0-.57.43-1 1-1s1 .43 1 1V7c1.97.47 3 2.28 3 4.39V14l1 1v1z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-1l1-1v-2.61C8 9.27 9.03 7.47 11 7v-.5c0-.57.43-1 1-1s1 .43 1 1V7c1.97.47 3 2.28 3 4.39V14l1 1v1z"></path>
</svg>

Icon (Variant: :round) ↓

With Phlex::Kit

Material::CircleNotifications(variant: :round)

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

render PhlexIcons::Material::CircleNotifications.new(variant: :round)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		fill: 'currentColor',
		xmlns: 'http://www.w3.org/2000/svg', viewbox: '0 0 24 24'
	) do |s|
		s.path(
			d:
				'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm4-2.5H8c-.55 0-1-.45-1-1s.45-1 1-1v-3c0-1.86 1.28-3.41 3-3.86V6.5c0-.55.45-1 1-1s1 .45 1 1v.64c1.72.45 3 2 3 3.86v3c.55 0 1 .45 1 1s-.45 1-1 1z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm4-2.5H8c-.55 0-1-.45-1-1s.45-1 1-1v-3c0-1.86 1.28-3.41 3-3.86V6.5c0-.55.45-1 1-1s1 .45 1 1v.64c1.72.45 3 2 3 3.86v3c.55 0 1 .45 1 1s-.45 1-1 1z"></path>
</svg>

Icon (Variant: :sharp) ↓

With Phlex::Kit

Material::CircleNotifications(variant: :sharp)

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

render PhlexIcons::Material::CircleNotifications.new(variant: :sharp)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		fill: 'currentColor',
		xmlns: 'http://www.w3.org/2000/svg', viewbox: '0 0 24 24'
	) do |s|
		s.path(
			d:
				'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-2h1v-3c0-1.86 1.28-3.41 3-3.86V5.5h2v1.64c1.72.45 3 2 3 3.86v3h1v2z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-2h1v-3c0-1.86 1.28-3.41 3-3.86V5.5h2v1.64c1.72.45 3 2 3 3.86v3h1v2z"></path>
</svg>

Icon (Variant: :two_tone) ↓

With Phlex::Kit

Material::CircleNotifications(variant: :two_tone)

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

render PhlexIcons::Material::CircleNotifications.new(variant: :two_tone)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		fill: 'currentColor',
		xmlns: 'http://www.w3.org/2000/svg', viewbox: '0 0 24 24'
	) do |s|
		s.path(
			d:
				'M12 4c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8zm0 14.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-2h1v-2.61C8 9.27 9.03 7.47 11 7v-.5c0-.57.43-1 1-1s1 .43 1 1V7c1.97.47 3 2.28 3 4.39V14h1v2z',
			opacity: '.3'
		)
		s.path(
			d:
				'M12 18.5c.83 0 1.5-.67 1.5-1.5h-3c0 .83.67 1.5 1.5 1.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4-8.61c0-2.11-1.03-3.92-3-4.39v-.5c0-.57-.43-1-1-1s-1 .43-1 1V7c-1.97.47-3 2.27-3 4.39V14H7v2h10v-2h-1v-2.61zM14 14h-4v-3c0-1.1.9-2 2-2s2 .9 2 2v3z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 4c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8zm0 14.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-2h1v-2.61C8 9.27 9.03 7.47 11 7v-.5c0-.57.43-1 1-1s1 .43 1 1V7c1.97.47 3 2.28 3 4.39V14h1v2z" opacity=".3"></path>
	<path d="M12 18.5c.83 0 1.5-.67 1.5-1.5h-3c0 .83.67 1.5 1.5 1.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4-8.61c0-2.11-1.03-3.92-3-4.39v-.5c0-.57-.43-1-1-1s-1 .43-1 1V7c-1.97.47-3 2.27-3 4.39V14H7v2h10v-2h-1v-2.61zM14 14h-4v-3c0-1.1.9-2 2-2s2 .9 2 2v3z"></path>
</svg>